#ccced3 color information
In a RGB color space, hex #ccced3 is composed of 80% red, 80.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 2.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 222.9 degrees, a saturation of 7.4% and a lightness of 81.4%. #ccced3 color hex could be obtained by blending #ffffff with #999da7. Closest websafe color is: #cccccc.
#ccced3 color conversion
The hexadecimal color #ccced3 has RGB values of R:204, G:206, B:211 and CMYK values of C:0.03, M:0.02, Y:0, K:0.17. Its decimal value is 13422291.
- Hex triplet ccced3
#ccced3 - RGB Decimal 204, 206, 211
rgb(204,206,211) - RGB Percent 80, 80.8, 82.7
rgb(80%,80.8%,82.7%) - CMYK 3, 2, 0, 17
- HSL 222.9°, 7.4, 81.4
hsl(223,7%,81%) - HSV (or HSB) 222.9°, 3.3, 82.7
- Web Safe cccccc
#cccccc
- CIE-LAB 82.745, 0.244, -2.723
- XYZ 58.729, 61.683, 70.436
- xyY 0.308, 0.323, 61.683
- CIE-LCH 82.745, 2.734, 275.127
- CIE-LUV 82.745, -1.403, -4.183
- Hunter-Lab 78.539, -3.965, 1.803
- Binary 11001100, 11001110, 11010011
Color Schemes with #ccced3
#ccced3 in action
This text has a font color of #ccced3.
<span style="color:#ccced3;">Text here</span>
This paragraph has a background color of #ccced3.
<p style="background-color:#ccced3;">Content here</p>
This element has a border color of #ccced3.
<div style="border:1px solid #ccced3;">Content here</div>
.text {color:#ccced3;}
.background {background-color:#ccced3;}
.border {border:1px solid #ccced3;}
Shades of #ccced3
- #0b0b0c #0b0b0c
rgb(11,11,12) - #1d1e21 #1d1e21
rgb(29,30,33) - #2f3136 #2f3136
rgb(47,49,54) - #41444b #41444b
rgb(65,68,75) - #535760 #535760
rgb(83,87,96) - #656a75 #656a75
rgb(101,106,117) - #787d8a #787d8a
rgb(120,125,138) - #8d919c #8d919c
rgb(141,145,156) - #a2a6af #a2a6af
rgb(162,166,175) - #b7bac1 #b7bac1
rgb(183,186,193) - #ccced3 #ccced3
rgb(204,206,211) - #e1e2e5 #e1e2e5
rgb(225,226,229) - #f6f6f7 #f6f6f7
rgb(246,246,247)
Color Blindness Simulator
Below, you can see how #ccced3 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.
