#ccd4dc Color Information
In a RGB color space, hex #ccd4dc is composed of 80% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 210 degrees, a saturation of 18.6% and a lightness of 83.1%. #ccd4dc color hex could be obtained by blending #ffffff with #99a9b9. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 86
-
- C 7
- M 4
- Y 0
- K 14
● #ccd4dc color description : Light grayish blue.
#ccd4dc Color Conversion
The hexadecimal color #ccd4dc has RGB values of R:204, G:212, B:220 and CMYK values of C:0.07, M:0.04, Y:0, K:0.14. Its decimal value is 13423836.
Hex triplet | ccd4dc | #ccd4dc |
---|---|---|
RGB Decimal | 204, 212, 220 | rgb(204,212,220) |
RGB Percent | 80, 83.1, 86.3 | rgb(80%,83.1%,86.3%) |
CMYK | 7, 4, 0, 14 | |
HSL | 210°, 18.6, 83.1 | hsl(210,18.6%,83.1%) |
HSV (or HSB) | 210°, 7.3, 86.3 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.531, -1.185, -4.886 |
---|---|
XYZ | 61.361, 65.091, 77.037 |
xyY | 0.302, 0.32, 65.091 |
CIE-LCH | 84.531, 5.028, 256.367 |
CIE-LUV | 84.531, -4.835, -7.295 |
Hunter-Lab | 80.679, -5.429, -0.138 |
Binary | 11001100, 11010100, 11011100 |
Color Schemes with #ccd4dc
Alternatives to #ccd4dc
Below, you can see some colors close to #ccd4dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4dc Preview
This text has a font color of #ccd4dc.
<span style="color:#ccd4dc;">Text here</span>
This paragraph has a background color of #ccd4dc.
<p style="background-color:#ccd4dc;">Content here</p>
This element has a border color of #ccd4dc.
<div style="border:1px solid #ccd4dc;">Content here</div>
.text {color:#ccd4dc;}
.background {background-color:#ccd4dc;}
.border {border:1px solid #ccd4dc;}
Shades and Tints of #ccd4dc
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)
-
#0d1013
#0d1013
rgb(13,16,19)
-
#151a1e
#151a1e
rgb(21,26,30)
-
#1d232a
#1d232a
rgb(29,35,42)
-
#252d36
#252d36
rgb(37,45,54)
-
#2d3741
#2d3741
rgb(45,55,65)
-
#35414d
#35414d
rgb(53,65,77)
-
#3d4b59
#3d4b59
rgb(61,75,89)
-
#455564
#455564
rgb(69,85,100)
-
#4d5e70
#4d5e70
rgb(77,94,112)
-
#55687b
#55687b
rgb(85,104,123)
-
#5d7287
#5d7287
rgb(93,114,135)
-
#657c93
#657c93
rgb(101,124,147)
-
#6f869c
#6f869c
rgb(111,134,156)
-
#7b8fa4
#7b8fa4
rgb(123,143,164)
-
#8699ac
#8699ac
rgb(134,153,172)
-
#92a3b4
#92a3b4
rgb(146,163,180)
-
#9dadbc
#9dadbc
rgb(157,173,188)
-
#a9b7c4
#a9b7c4
rgb(169,183,196)
-
#b5c0cc
#b5c0cc
rgb(181,192,204)
-
#c0cad4
#c0cad4
rgb(192,202,212)
-
#ccd4dc
#ccd4dc
rgb(204,212,220)
-
#d8dee4
#d8dee4
rgb(216,222,228)
-
#e3e8ec
#e3e8ec
rgb(227,232,236)
-
#eff1f4
#eff1f4
rgb(239,241,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #ccd4dc
A tone is produced by adding gray to any pure hue. In this case, #d3d4d5 is the less saturated color, while #abd4fd is the most saturated one.
-
#d3d4d5
#d3d4d5
rgb(211,212,213)
-
#cfd4d9
#cfd4d9
rgb(207,212,217)
-
#ccd4dc
#ccd4dc
rgb(204,212,220)
-
#c9d4df
#c9d4df
rgb(201,212,223)
-
#c5d4e3
#c5d4e3
rgb(197,212,227)
-
#c2d4e6
#c2d4e6
rgb(194,212,230)
-
#bfd4e9
#bfd4e9
rgb(191,212,233)
-
#bbd4ed
#bbd4ed
rgb(187,212,237)
-
#b8d4f0
#b8d4f0
rgb(184,212,240)
-
#b5d4f3
#b5d4f3
rgb(181,212,243)
-
#b2d4f6
#b2d4f6
rgb(178,212,246)
-
#aed4fa
#aed4fa
rgb(174,212,250)
-
#abd4fd
#abd4fd
rgb(171,212,253)
Color Blindness Simulator
Below, you can see how #ccd4dc 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.