#ccba66 color information
In a RGB color space, hex #ccba66 is composed of 80% red, 72.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.8% magenta, 50% yellow and 20% black. It has a hue angle of 49.4 degrees, a saturation of 50% and a lightness of 60%. #ccba66 color hex could be obtained by blending #ffffcc with #997500. Closest websafe color is: #cccc66.
#ccba66 color conversion
The hexadecimal color #ccba66 has RGB values of R:204, G:186, B:102 and CMYK values of C:0, M:0.09, Y:0.5, K:0.2. Its decimal value is 13417062.
- Hex triplet ccba66
#ccba66 - RGB Decimal 204, 186, 102
rgb(204,186,102) - RGB Percent 80, 72.9, 40
rgb(80%,72.9%,40%) - CMYK 0, 9, 50, 20
- HSL 49.4°, 50, 60
hsl(49,50%,60%) - HSV (or HSB) 49.4°, 50, 80
- Web Safe cccc66
#cccc66
- CIE-LAB 75.399, -4.67, 44.565
- XYZ 44.859, 48.916, 19.648
- xyY 0.396, 0.431, 48.916
- CIE-LCH 75.399, 44.809, 95.982
- CIE-LUV 75.399, 16.077, 56.165
- Hunter-Lab 69.94, -7.906, 32.301
- Binary 11001100, 10111010, 01100110
Color Schemes with #ccba66
#ccba66 in action
This text has a font color of #ccba66.
<span style="color:#ccba66;">Text here</span>
This paragraph has a background color of #ccba66.
<p style="background-color:#ccba66;">Content here</p>
This element has a border color of #ccba66.
<div style="border:1px solid #ccba66;">Content here</div>
.text {color:#ccba66;}
.background {background-color:#ccba66;}
.border {border:1px solid #ccba66;}
Shades of #ccba66
- #181508 #181508
rgb(24,21,8) - #352f12 #352f12
rgb(53,47,18) - #52491b #52491b
rgb(82,73,27) - #706325 #706325
rgb(112,99,37) - #8d7d2f #8d7d2f
rgb(141,125,47) - #ab9739 #ab9739
rgb(171,151,57) - #c2ad49 #c2ad49
rgb(194,173,73) - #ccba66 #ccba66
rgb(204,186,102) - #d6c783 #d6c783
rgb(214,199,131) - #e0d5a1 #e0d5a1
rgb(224,213,161) - #e9e2be #e9e2be
rgb(233,226,190) - #f3efdc #f3efdc
rgb(243,239,220) - #fdfcf9 #fdfcf9
rgb(253,252,249)
Color Blindness Simulator
Below, you can see how #ccba66 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.
