#ccd2de Color Information
In a RGB color space, hex #ccd2de is composed of 80% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 220 degrees, a saturation of 21.4% and a lightness of 83.5%. #ccd2de color hex could be obtained by blending #ffffff with #99a5bd. Closest websafe color is: #cccccc.
-
- R 80
- G 82
- B 87
-
- C 8
- M 5
- Y 0
- K 13
● #ccd2de color description : Light grayish blue.
#ccd2de Color Conversion
The hexadecimal color #ccd2de has RGB values of R:204, G:210, B:222 and CMYK values of C:0.08, M:0.05, Y:0, K:0.13. Its decimal value is 13423326.
Hex triplet | ccd2de | #ccd2de |
---|---|---|
RGB Decimal | 204, 210, 222 | rgb(204,210,222) |
RGB Percent | 80, 82.4, 87.1 | rgb(80%,82.4%,87.1%) |
CMYK | 8, 5, 0, 13 | |
HSL | 220°, 21.4, 83.5 | hsl(220,21.4%,83.5%) |
HSV (or HSB) | 220°, 8.1, 87.1 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.072, 0.251, -6.627 |
---|---|
XYZ | 61.131, 64.204, 78.275 |
xyY | 0.3, 0.315, 64.204 |
CIE-LCH | 84.072, 6.631, 272.17 |
CIE-LUV | 84.072, -3.959, -10.249 |
Hunter-Lab | 80.127, -4.042, -1.83 |
Binary | 11001100, 11010010, 11011110 |
Color Schemes with #ccd2de
Alternatives to #ccd2de
Below, you can see some colors close to #ccd2de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd2de Preview
This text has a font color of #ccd2de.
<span style="color:#ccd2de;">Text here</span>
This paragraph has a background color of #ccd2de.
<p style="background-color:#ccd2de;">Content here</p>
This element has a border color of #ccd2de.
<div style="border:1px solid #ccd2de;">Content here</div>
.text {color:#ccd2de;}
.background {background-color:#ccd2de;}
.border {border:1px solid #ccd2de;}
Shades and Tints of #ccd2de
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, #060709 is the darkest color, while #fcfcfd is the lightest one.
-
#060709
#060709
rgb(6,7,9)
-
#0d1014
#0d1014
rgb(13,16,20)
-
#151920
#151920
rgb(21,25,32)
-
#1d222c
#1d222c
rgb(29,34,44)
-
#242b38
#242b38
rgb(36,43,56)
-
#2c3444
#2c3444
rgb(44,52,68)
-
#343d50
#343d50
rgb(52,61,80)
-
#3b465c
#3b465c
rgb(59,70,92)
-
#434f68
#434f68
rgb(67,79,104)
-
#4b5974
#4b5974
rgb(75,89,116)
-
#536280
#536280
rgb(83,98,128)
-
#5a6b8c
#5a6b8c
rgb(90,107,140)
-
#627497
#627497
rgb(98,116,151)
-
#6d7ea0
#6d7ea0
rgb(109,126,160)
-
#7988a8
#7988a8
rgb(121,136,168)
-
#8593b0
#8593b0
rgb(133,147,176)
-
#909db7
#909db7
rgb(144,157,183)
-
#9ca8bf
#9ca8bf
rgb(156,168,191)
-
#a8b2c7
#a8b2c7
rgb(168,178,199)
-
#b4bdcf
#b4bdcf
rgb(180,189,207)
-
#c0c7d6
#c0c7d6
rgb(192,199,214)
-
#ccd2de
#ccd2de
rgb(204,210,222)
-
#d8dde6
#d8dde6
rgb(216,221,230)
-
#e4e7ed
#e4e7ed
rgb(228,231,237)
-
#f0f2f5
#f0f2f5
rgb(240,242,245)
-
#fcfcfd
#fcfcfd
rgb(252,252,253)
Tones of #ccd2de
A tone is produced by adding gray to any pure hue. In this case, #d2d4d8 is the less saturated color, while #acc7fe is the most saturated one.
-
#d2d4d8
#d2d4d8
rgb(210,212,216)
-
#cfd3db
#cfd3db
rgb(207,211,219)
-
#ccd2de
#ccd2de
rgb(204,210,222)
-
#c9d1e1
#c9d1e1
rgb(201,209,225)
-
#c6d0e4
#c6d0e4
rgb(198,208,228)
-
#c2cfe8
#c2cfe8
rgb(194,207,232)
-
#bfceeb
#bfceeb
rgb(191,206,235)
-
#bccdee
#bccdee
rgb(188,205,238)
-
#b9ccf1
#b9ccf1
rgb(185,204,241)
-
#b5caf5
#b5caf5
rgb(181,202,245)
-
#b2c9f8
#b2c9f8
rgb(178,201,248)
-
#afc8fb
#afc8fb
rgb(175,200,251)
-
#acc7fe
#acc7fe
rgb(172,199,254)
Color Blindness Simulator
Below, you can see how #ccd2de 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.