#ccd1dc Color Information
In a RGB color space, hex #ccd1dc is composed of 80% red, 82% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 5% magenta, 0% yellow and 13.7% black. It has a hue angle of 221.3 degrees, a saturation of 18.6% and a lightness of 83.1%. #ccd1dc color hex could be obtained by blending #ffffff with #99a3b9. Closest websafe color is: #cccccc.
-
- R 80
- G 82
- B 86
-
- C 7
- M 5
- Y 0
- K 14
● #ccd1dc color description : Light grayish blue.
#ccd1dc Color Conversion
The hexadecimal color #ccd1dc has RGB values of R:204, G:209, B:220 and CMYK values of C:0.07, M:0.05, Y:0, K:0.14. Its decimal value is 13423068.
Hex triplet | ccd1dc | #ccd1dc |
---|---|---|
RGB Decimal | 204, 209, 220 | rgb(204,209,220) |
RGB Percent | 80, 82, 86.3 | rgb(80%,82%,86.3%) |
CMYK | 7, 5, 0, 14 | |
HSL | 221.3°, 18.6, 83.1 | hsl(221.3,18.6%,83.1%) |
HSV (or HSB) | 221.3°, 7.3, 86.3 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 83.76, 0.387, -6.024 |
---|---|
XYZ | 60.618, 63.605, 76.79 |
xyY | 0.302, 0.316, 63.605 |
CIE-LCH | 83.76, 6.036, 273.672 |
CIE-LUV | 83.76, -3.368, -9.325 |
Hunter-Lab | 79.753, -3.894, -1.26 |
Binary | 11001100, 11010001, 11011100 |
Color Schemes with #ccd1dc
Alternatives to #ccd1dc
Below, you can see some colors close to #ccd1dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd1dc Preview
This text has a font color of #ccd1dc.
<span style="color:#ccd1dc;">Text here</span>
This paragraph has a background color of #ccd1dc.
<p style="background-color:#ccd1dc;">Content here</p>
This element has a border color of #ccd1dc.
<div style="border:1px solid #ccd1dc;">Content here</div>
.text {color:#ccd1dc;}
.background {background-color:#ccd1dc;}
.border {border:1px solid #ccd1dc;}
Shades and Tints of #ccd1dc
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)
-
#0d0f13
#0d0f13
rgb(13,15,19)
-
#15181e
#15181e
rgb(21,24,30)
-
#1d212a
#1d212a
rgb(29,33,42)
-
#252a36
#252a36
rgb(37,42,54)
-
#2d3341
#2d3341
rgb(45,51,65)
-
#353c4d
#353c4d
rgb(53,60,77)
-
#3d4559
#3d4559
rgb(61,69,89)
-
#454f64
#454f64
rgb(69,79,100)
-
#4d5870
#4d5870
rgb(77,88,112)
-
#55617b
#55617b
rgb(85,97,123)
-
#5d6a87
#5d6a87
rgb(93,106,135)
-
#657393
#657393
rgb(101,115,147)
-
#6f7d9c
#6f7d9c
rgb(111,125,156)
-
#7b88a4
#7b88a4
rgb(123,136,164)
-
#8692ac
#8692ac
rgb(134,146,172)
-
#929db4
#929db4
rgb(146,157,180)
-
#9da7bc
#9da7bc
rgb(157,167,188)
-
#a9b2c4
#a9b2c4
rgb(169,178,196)
-
#b5bccc
#b5bccc
rgb(181,188,204)
-
#c0c7d4
#c0c7d4
rgb(192,199,212)
-
#ccd1dc
#ccd1dc
rgb(204,209,220)
-
#d8dbe4
#d8dbe4
rgb(216,219,228)
-
#e3e6ec
#e3e6ec
rgb(227,230,236)
-
#eff0f4
#eff0f4
rgb(239,240,244)
-
#fbfbfc
#fbfbfc
rgb(251,251,252)
Tones of #ccd1dc
A tone is produced by adding gray to any pure hue. In this case, #d3d3d5 is the less saturated color, while #abc5fd is the most saturated one.
-
#d3d3d5
#d3d3d5
rgb(211,211,213)
-
#cfd2d9
#cfd2d9
rgb(207,210,217)
-
#ccd1dc
#ccd1dc
rgb(204,209,220)
-
#c9d0df
#c9d0df
rgb(201,208,223)
-
#c5cfe3
#c5cfe3
rgb(197,207,227)
-
#c2cde6
#c2cde6
rgb(194,205,230)
-
#bfcce9
#bfcce9
rgb(191,204,233)
-
#bbcbed
#bbcbed
rgb(187,203,237)
-
#b8caf0
#b8caf0
rgb(184,202,240)
-
#b5c8f3
#b5c8f3
rgb(181,200,243)
-
#b2c7f6
#b2c7f6
rgb(178,199,246)
-
#aec6fa
#aec6fa
rgb(174,198,250)
-
#abc5fd
#abc5fd
rgb(171,197,253)
Color Blindness Simulator
Below, you can see how #ccd1dc 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.