#cdded9 color information
In a RGB color space, hex #cdded9 is composed of 80.4% red, 87.1% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 2.3% yellow and 12.9% black. It has a hue angle of 162.4 degrees, a saturation of 20.5% and a lightness of 83.7%. #cdded9 color hex could be obtained by blending #ffffff with #9bbdb3. Closest websafe color is: #cccccc.
#cdded9 color conversion
The hexadecimal color #cdded9 has RGB values of R:205, G:222, B:217 and CMYK values of C:0.08, M:0, Y:0.02, K:0.13. Its decimal value is 13491929.
- Hex triplet cdded9
#cdded9 - RGB Decimal 205, 222, 217
rgb(205,222,217) - RGB Percent 80.4, 87.1, 85.1
rgb(80.4%,87.1%,85.1%) - CMYK 8, 0, 2, 13
- HSL 162.4°, 20.5, 83.7
hsl(162,20%,84%) - HSV (or HSB) 162.4°, 7.7, 87.1
- Web Safe cccccc
#cccccc
- CIE-LAB 87.11, -6.606, 0.493
- XYZ 63.82, 70.231, 75.835
- xyY 0.304, 0.335, 70.231
- CIE-LCH 87.11, 6.624, 175.735
- CIE-LUV 87.11, -9.072, 1.907
- Hunter-Lab 83.804, -10.722, 5.01
- Binary 11001101, 11011110, 11011001
Color Schemes with #cdded9
#cdded9 in action
This text has a font color of #cdded9.
<span style="color:#cdded9;">Text here</span>
This paragraph has a background color of #cdded9.
<p style="background-color:#cdded9;">Content here</p>
This element has a border color of #cdded9.
<div style="border:1px solid #cdded9;">Content here</div>
.text {color:#cdded9;}
.background {background-color:#cdded9;}
.border {border:1px solid #cdded9;}
Shades of #cdded9
- #0e1513 #0e1513
rgb(14,21,19) - #1d2d28 #1d2d28
rgb(29,45,40) - #2d443d #2d443d
rgb(45,68,61) - #3d5c53 #3d5c53
rgb(61,92,83) - #4c7368 #4c7368
rgb(76,115,104) - #5c8b7d #5c8b7d
rgb(92,139,125) - #6ea091 #6ea091
rgb(110,160,145) - #86afa3 #86afa3
rgb(134,175,163) - #9ebfb5 #9ebfb5
rgb(158,191,181) - #b5cec7 #b5cec7
rgb(181,206,199) - #cdded9 #cdded9
rgb(205,222,217) - #e5eeeb #e5eeeb
rgb(229,238,235) - #fcfdfd #fcfdfd
rgb(252,253,253)
Color Blindness Simulator
Below, you can see how #cdded9 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.
