#ccd7dc Color Information
In a RGB color space, hex #ccd7dc is composed of 80% red, 84.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 2.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 198.8 degrees, a saturation of 18.6% and a lightness of 83.1%. #ccd7dc color hex could be obtained by blending #ffffff with #99afb9. Closest websafe color is: #cccccc.
-
- R 80
- G 84
- B 86
-
- C 7
- M 2
- Y 0
- K 14
● #ccd7dc color description : Light grayish blue.
#ccd7dc Color Conversion
The hexadecimal color #ccd7dc has RGB values of R:204, G:215, B:220 and CMYK values of C:0.07, M:0.02, Y:0, K:0.14. Its decimal value is 13424604.
Hex triplet | ccd7dc | #ccd7dc |
---|---|---|
RGB Decimal | 204, 215, 220 | rgb(204,215,220) |
RGB Percent | 80, 84.3, 86.3 | rgb(80%,84.3%,86.3%) |
CMYK | 7, 2, 0, 14 | |
HSL | 198.8°, 18.6, 83.1 | hsl(198.8,18.6%,83.1%) |
HSV (or HSB) | 198.8°, 7.3, 86.3 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 85.304, -2.749, -3.747 |
---|---|
XYZ | 62.118, 66.605, 77.29 |
xyY | 0.302, 0.323, 66.605 |
CIE-LCH | 85.304, 4.647, 233.734 |
CIE-LUV | 85.304, -6.301, -5.268 |
Hunter-Lab | 81.612, -6.958, 0.978 |
Binary | 11001100, 11010111, 11011100 |
Color Schemes with #ccd7dc
Alternatives to #ccd7dc
Below, you can see some colors close to #ccd7dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd7dc Preview
This text has a font color of #ccd7dc.
<span style="color:#ccd7dc;">Text here</span>
This paragraph has a background color of #ccd7dc.
<p style="background-color:#ccd7dc;">Content here</p>
This element has a border color of #ccd7dc.
<div style="border:1px solid #ccd7dc;">Content here</div>
.text {color:#ccd7dc;}
.background {background-color:#ccd7dc;}
.border {border:1px solid #ccd7dc;}
Shades and Tints of #ccd7dc
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, #050607 is the darkest color, while #fbfbfc is the lightest one.
-
#050607
#050607
rgb(5,6,7)
-
#0d1113
#0d1113
rgb(13,17,19)
-
#151b1e
#151b1e
rgb(21,27,30)
-
#1d262a
#1d262a
rgb(29,38,42)
-
#253036
#253036
rgb(37,48,54)
-
#2d3b41
#2d3b41
rgb(45,59,65)
-
#35454d
#35454d
rgb(53,69,77)
-
#3d5059
#3d5059
rgb(61,80,89)
-
#455a64
#455a64
rgb(69,90,100)
-
#4d6570
#4d6570
rgb(77,101,112)
-
#556f7b
#556f7b
rgb(85,111,123)
-
#5d7a87
#5d7a87
rgb(93,122,135)
-
#658493
#658493
rgb(101,132,147)
-
#6f8e9c
#6f8e9c
rgb(111,142,156)
-
#7b97a4
#7b97a4
rgb(123,151,164)
-
#86a0ac
#86a0ac
rgb(134,160,172)
-
#92a9b4
#92a9b4
rgb(146,169,180)
-
#9db3bc
#9db3bc
rgb(157,179,188)
-
#a9bcc4
#a9bcc4
rgb(169,188,196)
-
#b5c5cc
#b5c5cc
rgb(181,197,204)
-
#c0ced4
#c0ced4
rgb(192,206,212)
-
#ccd7dc
#ccd7dc
rgb(204,215,220)
-
#d8e0e4
#d8e0e4
rgb(216,224,228)
-
#e3e9ec
#e3e9ec
rgb(227,233,236)
-
#eff2f4
#eff2f4
rgb(239,242,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #ccd7dc
A tone is produced by adding gray to any pure hue. In this case, #d3d5d5 is the less saturated color, while #abe3fd is the most saturated one.
-
#d3d5d5
#d3d5d5
rgb(211,213,213)
-
#cfd6d9
#cfd6d9
rgb(207,214,217)
-
#ccd7dc
#ccd7dc
rgb(204,215,220)
-
#c9d8df
#c9d8df
rgb(201,216,223)
-
#c5d9e3
#c5d9e3
rgb(197,217,227)
-
#c2dbe6
#c2dbe6
rgb(194,219,230)
-
#bfdce9
#bfdce9
rgb(191,220,233)
-
#bbdded
#bbdded
rgb(187,221,237)
-
#b8def0
#b8def0
rgb(184,222,240)
-
#b5e0f3
#b5e0f3
rgb(181,224,243)
-
#b2e1f6
#b2e1f6
rgb(178,225,246)
-
#aee2fa
#aee2fa
rgb(174,226,250)
-
#abe3fd
#abe3fd
rgb(171,227,253)
Color Blindness Simulator
Below, you can see how #ccd7dc 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.