#ccd6dd Color Information
In a RGB color space, hex #ccd6dd is composed of 80% red, 83.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 3.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 204.7 degrees, a saturation of 20% and a lightness of 83.3%. #ccd6dd color hex could be obtained by blending #ffffff with #99adbb. Closest websafe color is: #cccccc.
-
- R 80
- G 84
- B 87
-
- C 8
- M 3
- Y 0
- K 13
● #ccd6dd color description : Light grayish blue.
#ccd6dd Color Conversion
The hexadecimal color #ccd6dd has RGB values of R:204, G:214, B:221 and CMYK values of C:0.08, M:0.03, Y:0, K:0.13. Its decimal value is 13424349.
Hex triplet | ccd6dd | #ccd6dd |
---|---|---|
RGB Decimal | 204, 214, 221 | rgb(204,214,221) |
RGB Percent | 80, 83.9, 86.7 | rgb(80%,83.9%,86.7%) |
CMYK | 8, 3, 0, 13 | |
HSL | 204.7°, 20, 83.3 | hsl(204.7,20%,83.3%) |
HSV (or HSB) | 204.7°, 7.7, 86.7 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 85.073, -2.035, -4.617 |
---|---|
XYZ | 61.997, 66.15, 77.905 |
xyY | 0.301, 0.321, 66.15 |
CIE-LCH | 85.073, 5.046, 246.212 |
CIE-LUV | 85.073, -5.859, -6.739 |
Hunter-Lab | 81.333, -6.269, 0.142 |
Binary | 11001100, 11010110, 11011101 |
Color Schemes with #ccd6dd
Alternatives to #ccd6dd
Below, you can see some colors close to #ccd6dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd6dd Preview
This text has a font color of #ccd6dd.
<span style="color:#ccd6dd;">Text here</span>
This paragraph has a background color of #ccd6dd.
<p style="background-color:#ccd6dd;">Content here</p>
This element has a border color of #ccd6dd.
<div style="border:1px solid #ccd6dd;">Content here</div>
.text {color:#ccd6dd;}
.background {background-color:#ccd6dd;}
.border {border:1px solid #ccd6dd;}
Shades and Tints of #ccd6dd
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, #050708 is the darkest color, while #fbfcfc is the lightest one.
-
#050708
#050708
rgb(5,7,8)
-
#0d1114
#0d1114
rgb(13,17,20)
-
#151b1f
#151b1f
rgb(21,27,31)
-
#1d252b
#1d252b
rgb(29,37,43)
-
#252f37
#252f37
rgb(37,47,55)
-
#2c3a43
#2c3a43
rgb(44,58,67)
-
#34444e
#34444e
rgb(52,68,78)
-
#3c4e5a
#3c4e5a
rgb(60,78,90)
-
#445866
#445866
rgb(68,88,102)
-
#4c6272
#4c6272
rgb(76,98,114)
-
#546c7e
#546c7e
rgb(84,108,126)
-
#5c7689
#5c7689
rgb(92,118,137)
-
#638195
#638195
rgb(99,129,149)
-
#6e8a9e
#6e8a9e
rgb(110,138,158)
-
#7a94a6
#7a94a6
rgb(122,148,166)
-
#859dae
#859dae
rgb(133,157,174)
-
#91a7b6
#91a7b6
rgb(145,167,182)
-
#9db0be
#9db0be
rgb(157,176,190)
-
#a9bac5
#a9bac5
rgb(169,186,197)
-
#b4c3cd
#b4c3cd
rgb(180,195,205)
-
#c0cdd5
#c0cdd5
rgb(192,205,213)
-
#ccd6dd
#ccd6dd
rgb(204,214,221)
-
#d8dfe5
#d8dfe5
rgb(216,223,229)
-
#e4e9ed
#e4e9ed
rgb(228,233,237)
-
#eff2f5
#eff2f5
rgb(239,242,245)
-
#fbfcfc
#fbfcfc
rgb(251,252,252)
Tones of #ccd6dd
A tone is produced by adding gray to any pure hue. In this case, #d3d5d6 is the less saturated color, while #abdcfe is the most saturated one.
-
#d3d5d6
#d3d5d6
rgb(211,213,214)
-
#cfd5da
#cfd5da
rgb(207,213,218)
-
#ccd6dd
#ccd6dd
rgb(204,214,221)
-
#c9d7e0
#c9d7e0
rgb(201,215,224)
-
#c5d7e4
#c5d7e4
rgb(197,215,228)
-
#c2d8e7
#c2d8e7
rgb(194,216,231)
-
#bfd8ea
#bfd8ea
rgb(191,216,234)
-
#bcd9ed
#bcd9ed
rgb(188,217,237)
-
#b8d9f1
#b8d9f1
rgb(184,217,241)
-
#b5daf4
#b5daf4
rgb(181,218,244)
-
#b2dbf7
#b2dbf7
rgb(178,219,247)
-
#afdbfa
#afdbfa
rgb(175,219,250)
-
#abdcfe
#abdcfe
rgb(171,220,254)
Color Blindness Simulator
Below, you can see how #ccd6dd 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.