#ccb166 Color Information
In a RGB color space, hex #ccb166 is composed of 80% red, 69.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 50% yellow and 20% black. It has a hue angle of 44.1 degrees, a saturation of 50% and a lightness of 60%. #ccb166 color hex could be obtained by blending #ffffcc with #996300. Closest websafe color is: #cc9966.
-
- R 80
- G 69
- B 40
-
- C 0
- M 13
- Y 50
- K 20
● #ccb166 color description : Moderate orange.
#ccb166 Color Conversion
The hexadecimal color #ccb166 has RGB values of R:204, G:177, B:102 and CMYK values of C:0, M:0.13, Y:0.5, K:0.2. Its decimal value is 13414758.
Hex triplet | ccb166 | #ccb166 |
---|---|---|
RGB Decimal | 204, 177, 102 | rgb(204,177,102) |
RGB Percent | 80, 69.4, 40 | rgb(80%,69.4%,40%) |
CMYK | 0, 13, 50, 20 | |
HSL | 44.1°, 50, 60 | hsl(44.1,50%,60%) |
HSV (or HSB) | 44.1°, 50, 80 | |
Web Safe | cc9966 | #cc9966 |
CIE-LAB | 73.051, 0.062, 41.704 |
---|---|
XYZ | 43.022, 45.242, 19.036 |
xyY | 0.401, 0.422, 45.242 |
CIE-LCH | 73.051, 41.704, 89.915 |
CIE-LUV | 73.051, 21.973, 51.774 |
Hunter-Lab | 67.262, -3.537, 30.304 |
Binary | 11001100, 10110001, 01100110 |
Color Schemes with #ccb166
Alternatives to #ccb166
Below, you can see some colors close to #ccb166. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb166 Preview
This text has a font color of #ccb166.
<span style="color:#ccb166;">Text here</span>
This paragraph has a background color of #ccb166.
<p style="background-color:#ccb166;">Content here</p>
This element has a border color of #ccb166.
<div style="border:1px solid #ccb166;">Content here</div>
.text {color:#ccb166;}
.background {background-color:#ccb166;}
.border {border:1px solid #ccb166;}
Shades and Tints of #ccb166
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090703 is the darkest color, while #fdfcf9 is the lightest one.
-
#090703
#090703
rgb(9,7,3)
-
#181308
#181308
rgb(24,19,8)
-
#26200d
#26200d
rgb(38,32,13)
-
#352c12
#352c12
rgb(53,44,18)
-
#443817
#443817
rgb(68,56,23)
-
#52441b
#52441b
rgb(82,68,27)
-
#615020
#615020
rgb(97,80,32)
-
#705c25
#705c25
rgb(112,92,37)
-
#7f682a
#7f682a
rgb(127,104,42)
-
#8d742f
#8d742f
rgb(141,116,47)
-
#9c8034
#9c8034
rgb(156,128,52)
-
#ab8d39
#ab8d39
rgb(171,141,57)
-
#b9993e
#b9993e
rgb(185,153,62)
-
#c2a249
#c2a249
rgb(194,162,73)
-
#c7aa57
#c7aa57
rgb(199,170,87)
-
#ccb166
#ccb166
rgb(204,177,102)
-
#d1b975
#d1b975
rgb(209,185,117)
-
#d6c083
#d6c083
rgb(214,192,131)
-
#dbc892
#dbc892
rgb(219,200,146)
-
#e0cfa1
#e0cfa1
rgb(224,207,161)
-
#e5d7b0
#e5d7b0
rgb(229,215,176)
-
#e9debe
#e9debe
rgb(233,222,190)
-
#eee6cd
#eee6cd
rgb(238,230,205)
-
#f3eddc
#f3eddc
rgb(243,237,220)
-
#f8f5ea
#f8f5ea
rgb(248,245,234)
-
#fdfcf9
#fdfcf9
rgb(253,252,249)
Tones of #ccb166
A tone is produced by adding gray to any pure hue. In this case, #9d9b95 is the less saturated color, while #fbc737 is the most saturated one.
-
#9d9b95
#9d9b95
rgb(157,155,149)
-
#a59f8d
#a59f8d
rgb(165,159,141)
-
#ada285
#ada285
rgb(173,162,133)
-
#b4a67e
#b4a67e
rgb(180,166,126)
-
#bcaa76
#bcaa76
rgb(188,170,118)
-
#c4ad6e
#c4ad6e
rgb(196,173,110)
-
#ccb166
#ccb166
rgb(204,177,102)
-
#d4b55e
#d4b55e
rgb(212,181,94)
-
#dcb856
#dcb856
rgb(220,184,86)
-
#e4bc4e
#e4bc4e
rgb(228,188,78)
-
#ebc047
#ebc047
rgb(235,192,71)
-
#f3c33f
#f3c33f
rgb(243,195,63)
-
#fbc737
#fbc737
rgb(251,199,55)
Color Blindness Simulator
Below, you can see how #ccb166 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.