#ccd4e3 Color Information
In a RGB color space, hex #ccd4e3 is composed of 80% red, 83.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 6.6% magenta, 0% yellow and 11% black. It has a hue angle of 219.1 degrees, a saturation of 29.1% and a lightness of 84.5%. #ccd4e3 color hex could be obtained by blending #ffffff with #99a9c7. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 89
-
- C 10
- M 7
- Y 0
- K 11
● #ccd4e3 color description : Light grayish blue.
#ccd4e3 Color Conversion
The hexadecimal color #ccd4e3 has RGB values of R:204, G:212, B:227 and CMYK values of C:0.1, M:0.07, Y:0, K:0.11. Its decimal value is 13423843.
Hex triplet | ccd4e3 | #ccd4e3 |
---|---|---|
RGB Decimal | 204, 212, 227 | rgb(204,212,227) |
RGB Percent | 80, 83.1, 89 | rgb(80%,83.1%,89%) |
CMYK | 10, 7, 0, 11 | |
HSL | 219.1°, 29.1, 84.5 | hsl(219.1,29.1%,84.5%) |
HSV (or HSB) | 219.1°, 10.1, 89 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.725, 0.187, -8.315 |
---|---|
XYZ | 62.308, 65.47, 82.023 |
xyY | 0.297, 0.312, 65.47 |
CIE-LCH | 84.725, 8.317, 271.291 |
CIE-LUV | 84.725, -5.178, -12.909 |
Hunter-Lab | 80.913, -4.144, -3.464 |
Binary | 11001100, 11010100, 11100011 |
Color Schemes with #ccd4e3
Alternatives to #ccd4e3
Below, you can see some colors close to #ccd4e3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4e3 Preview
This text has a font color of #ccd4e3.
<span style="color:#ccd4e3;">Text here</span>
This paragraph has a background color of #ccd4e3.
<p style="background-color:#ccd4e3;">Content here</p>
This element has a border color of #ccd4e3.
<div style="border:1px solid #ccd4e3;">Content here</div>
.text {color:#ccd4e3;}
.background {background-color:#ccd4e3;}
.border {border:1px solid #ccd4e3;}
Shades and Tints of #ccd4e3
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, #07090c is the darkest color, while #ffffff is the lightest one.
-
#07090c
#07090c
rgb(7,9,12)
-
#0e1219
#0e1219
rgb(14,18,25)
-
#151b26
#151b26
rgb(21,27,38)
-
#1c2432
#1c2432
rgb(28,36,50)
-
#232c3f
#232c3f
rgb(35,44,63)
-
#2a354c
#2a354c
rgb(42,53,76)
-
#303e58
#303e58
rgb(48,62,88)
-
#374765
#374765
rgb(55,71,101)
-
#3e5072
#3e5072
rgb(62,80,114)
-
#45597e
#45597e
rgb(69,89,126)
-
#4c628b
#4c628b
rgb(76,98,139)
-
#536b98
#536b98
rgb(83,107,152)
-
#5a74a4
#5a74a4
rgb(90,116,164)
-
#677fab
#677fab
rgb(103,127,171)
-
#7389b2
#7389b2
rgb(115,137,178)
-
#8094b9
#8094b9
rgb(128,148,185)
-
#8d9fc0
#8d9fc0
rgb(141,159,192)
-
#99a9c7
#99a9c7
rgb(153,169,199)
-
#a6b4ce
#a6b4ce
rgb(166,180,206)
-
#b3bfd5
#b3bfd5
rgb(179,191,213)
-
#bfc9dc
#bfc9dc
rgb(191,201,220)
-
#ccd4e3
#ccd4e3
rgb(204,212,227)
-
#d9dfea
#d9dfea
rgb(217,223,234)
-
#e5e9f1
#e5e9f1
rgb(229,233,241)
-
#f2f4f8
#f2f4f8
rgb(242,244,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccd4e3
A tone is produced by adding gray to any pure hue. In this case, #d5d7da is the less saturated color, while #b1ccfe is the most saturated one.
-
#d5d7da
#d5d7da
rgb(213,215,218)
-
#d2d6dd
#d2d6dd
rgb(210,214,221)
-
#cfd5e0
#cfd5e0
rgb(207,213,224)
-
#ccd4e3
#ccd4e3
rgb(204,212,227)
-
#c9d3e6
#c9d3e6
rgb(201,211,230)
-
#c6d2e9
#c6d2e9
rgb(198,210,233)
-
#c3d1ec
#c3d1ec
rgb(195,209,236)
-
#c0d0ef
#c0d0ef
rgb(192,208,239)
-
#bdcff2
#bdcff2
rgb(189,207,242)
-
#bacef5
#bacef5
rgb(186,206,245)
-
#b7cef8
#b7cef8
rgb(183,206,248)
-
#b4cdfb
#b4cdfb
rgb(180,205,251)
-
#b1ccfe
#b1ccfe
rgb(177,204,254)
Color Blindness Simulator
Below, you can see how #ccd4e3 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.