#ccd8f4 Color Information
In a RGB color space, hex #ccd8f4 is composed of 80% red, 84.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 11.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 222 degrees, a saturation of 64.5% and a lightness of 87.8%. #ccd8f4 color hex could be obtained by blending #ffffff with #99b1e9. Closest websafe color is: #ccccff.
-
- R 80
- G 85
- B 96
-
- C 16
- M 11
- Y 0
- K 4
● #ccd8f4 color description : Light grayish blue.
#ccd8f4 Color Conversion
The hexadecimal color #ccd8f4 has RGB values of R:204, G:216, B:244 and CMYK values of C:0.16, M:0.11, Y:0, K:0.04. Its decimal value is 13424884.
Hex triplet | ccd8f4 | #ccd8f4 |
---|---|---|
RGB Decimal | 204, 216, 244 | rgb(204,216,244) |
RGB Percent | 80, 84.7, 95.7 | rgb(80%,84.7%,95.7%) |
CMYK | 16, 11, 0, 4 | |
HSL | 222°, 64.5, 87.8 | hsl(222,64.5%,87.8%) |
HSV (or HSB) | 222°, 16.4, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 86.246, 1.564, -15.049 |
---|---|
XYZ | 65.784, 68.48, 95.335 |
xyY | 0.287, 0.298, 68.48 |
CIE-LCH | 86.246, 15.13, 275.934 |
CIE-LUV | 86.246, -7.874, -23.994 |
Hunter-Lab | 82.753, -2.92, -10.378 |
Binary | 11001100, 11011000, 11110100 |
Color Schemes with #ccd8f4
Alternatives to #ccd8f4
Below, you can see some colors close to #ccd8f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd8f4 Preview
This text has a font color of #ccd8f4.
<span style="color:#ccd8f4;">Text here</span>
This paragraph has a background color of #ccd8f4.
<p style="background-color:#ccd8f4;">Content here</p>
This element has a border color of #ccd8f4.
<div style="border:1px solid #ccd8f4;">Content here</div>
.text {color:#ccd8f4;}
.background {background-color:#ccd8f4;}
.border {border:1px solid #ccd8f4;}
Shades and Tints of #ccd8f4
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, #03060e is the darkest color, while #fcfdfe is the lightest one.
-
#03060e
#03060e
rgb(3,6,14)
-
#060d1e
#060d1e
rgb(6,13,30)
-
#0a152e
#0a152e
rgb(10,21,46)
-
#0d1c3e
#0d1c3e
rgb(13,28,62)
-
#11234e
#11234e
rgb(17,35,78)
-
#142a5e
#142a5e
rgb(20,42,94)
-
#18326e
#18326e
rgb(24,50,110)
-
#1b397e
#1b397e
rgb(27,57,126)
-
#1f408f
#1f408f
rgb(31,64,143)
-
#22489f
#22489f
rgb(34,72,159)
-
#264faf
#264faf
rgb(38,79,175)
-
#2956bf
#2956bf
rgb(41,86,191)
-
#2d5dcf
#2d5dcf
rgb(45,93,207)
-
#3b69d5
#3b69d5
rgb(59,105,213)
-
#4b75d8
#4b75d8
rgb(75,117,216)
-
#5b82dc
#5b82dc
rgb(91,130,220)
-
#6b8edf
#6b8edf
rgb(107,142,223)
-
#7b9ae3
#7b9ae3
rgb(123,154,227)
-
#8ba7e6
#8ba7e6
rgb(139,167,230)
-
#9cb3ea
#9cb3ea
rgb(156,179,234)
-
#acbfed
#acbfed
rgb(172,191,237)
-
#bcccf1
#bcccf1
rgb(188,204,241)
-
#ccd8f4
#ccd8f4
rgb(204,216,244)
-
#dce4f7
#dce4f7
rgb(220,228,247)
-
#ecf1fb
#ecf1fb
rgb(236,241,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #ccd8f4
A tone is produced by adding gray to any pure hue. In this case, #dfe0e1 is the less saturated color, while #c2d4fe is the most saturated one.
-
#dfe0e1
#dfe0e1
rgb(223,224,225)
-
#dddfe3
#dddfe3
rgb(221,223,227)
-
#dadee6
#dadee6
rgb(218,222,230)
-
#d8dde8
#d8dde8
rgb(216,221,232)
-
#d6dcea
#d6dcea
rgb(214,220,234)
-
#d3dbed
#d3dbed
rgb(211,219,237)
-
#d1daef
#d1daef
rgb(209,218,239)
-
#ced9f2
#ced9f2
rgb(206,217,242)
-
#ccd8f4
#ccd8f4
rgb(204,216,244)
-
#cad7f6
#cad7f6
rgb(202,215,246)
-
#c7d6f9
#c7d6f9
rgb(199,214,249)
-
#c5d5fb
#c5d5fb
rgb(197,213,251)
-
#c2d4fe
#c2d4fe
rgb(194,212,254)
Color Blindness Simulator
Below, you can see how #ccd8f4 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.