Tên màu #ffbb99

Cream Puff

Màu #ffbb99 ở định dạng RGB (255, 187, 153): 100%, 73%, 60% red, 100%, 73%, 60% green, 100%, 73%, 60% blue. #ffbb99 ở định dạng CMYK (0%, 27%, 40%, 0%): 0%, 27%, 40%, 0%. Trong mô hình màu HSL (20, 100%, 80%): 20, 100%, 80% độ, 20, 100%, 80% độ bão hòa, 20, 100%, 80% độ sáng. Các định dạng và trận đấu khác được trình bày dưới đây.

#ffbb99
#ffc2a3
#ffc9ad
#ffcfb8
#ffd6c2
#ffddcc
#ffe4d6
#ffebe0
#fff1eb
#fff8f5
#ffffff

Định dạng màu

HEX

#ffbb99

RYB

68, 34, -68

RGB

255, 187, 153

Decimal

16759705

RGB %

100%, 73%, 60%

Websafe

#ffcc99

CMYK

0%, 27%, 40%, 0%

Lab

81.35, 20.37, 26.87

HSL

20, 100%, 80%

XYZ

64.76, 59.1, 38.13

HSV

20, 40%, 100%

YIQ

203.46, 51.48, 3.74

Hunter-Lab

7.69, 2.37, 2.68

YUV

203.46, -24.83, 45.22

Android

0xFFffbb99

Yxy

59.1, 0.4, 0.36

Màu bổ sung

#ffb999
#ffca99
#ffdd99
#ffee99
#ffd599
#ffe699
#fff799
#f7ff99
#ffee99
#ffff99
#eeff99
#ddff99
#f7ff99
#e6ff99
#d5ff99
#c4ff99
#ddff99
#ccff99
#bbff99
#aaff99
#c4ff99
#b3ff99
#a2ff99
#99ffa2
#aaff99
#99ff99
#99ffaa
#99ffbb

Phối màu

Complementary

#ffbb99
#99ddff

Triad

#ffbb99
#99ffbb
#bb99ff

Tetrad

#ffbb99
#aaff99
#99ddff
#ee99ff

sắc thái

#ffbb99
#eeaf8f
#dda285
#cc967a
#bb8970
#aa7d66
#99705c
#886452
#775747
#664b3d
#553e33
#443229
#33251f
#221914
#110c0a

Tông màu tối

#cc967a
#c28e74
#b8876e
#ad7f68
#a37862
#99705c
#8f6956
#856150
#7a5a49
#705243
#664b3d
#5c4337
#523c31
#47342b
#3d2d25

Tông màu sáng

#ffbb99
#ffc29f
#ffcaa5
#ffd1ab
#ffd9b1
#ffe0b8
#ffe8be
#ffefc4
#fff7ca
#fffed0
#ffffd6
#ffffdc
#ffffe2
#ffffe9
#ffffef

Đơn sắc

#ff8547
#ff8a50
#ff8f58
#ff9560
#ff9a68
#ffa070
#ffa578
#ffab81
#ffb089
#ffb691
#ffbb99
#ffc0a1
#ffc6a9
#ffcbb1
#ffd1ba

Tương tự

#ee99ff
#ff99dd
#ff99aa
#ffb999
#ffee99
#ddff99
#aaff99

Kiểu cho HTML (CSS)

Nền của khối này có màu #aaff99
<div style="background: #aaff99">Background</div>
div {background: #aaff99;}
Văn bản và đường viền của khối này được tô màu #ffbb99
<div style="color: #ffbb99">Text</div>
div {color: #aaff99;}
<div style="border: 1px solid #ffbb99">Border</div>
div {border: 1px solid #ffbb99;}