#ccdcf4 Color Information
In a RGB color space, hex #ccdcf4 is composed of 80% red, 86.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 9.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 216 degrees, a saturation of 64.5% and a lightness of 87.8%. #ccdcf4 color hex could be obtained by blending #ffffff with #99b9e9. Closest websafe color is: #ccccff.
-
- R 80
- G 86
- B 96
-
- C 16
- M 10
- Y 0
- K 4
● #ccdcf4 color description : Light grayish blue.
#ccdcf4 Color Conversion
The hexadecimal color #ccdcf4 has RGB values of R:204, G:220, B:244 and CMYK values of C:0.16, M:0.1, Y:0, K:0.04. Its decimal value is 13425908.
Hex triplet | ccdcf4 | #ccdcf4 |
---|---|---|
RGB Decimal | 204, 220, 244 | rgb(204,220,244) |
RGB Percent | 80, 86.3, 95.7 | rgb(80%,86.3%,95.7%) |
CMYK | 16, 10, 0, 4 | |
HSL | 216°, 64.5, 87.8 | hsl(216,64.5%,87.8%) |
HSV (or HSB) | 216°, 16.4, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 87.268, -0.53, -13.518 |
---|---|
XYZ | 66.821, 70.554, 95.681 |
xyY | 0.287, 0.303, 70.554 |
CIE-LCH | 87.268, 13.528, 267.756 |
CIE-LUV | 87.268, -9.722, -21.197 |
Hunter-Lab | 83.997, -4.994, -8.74 |
Binary | 11001100, 11011100, 11110100 |
Color Schemes with #ccdcf4
Alternatives to #ccdcf4
Below, you can see some colors close to #ccdcf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdcf4 Preview
This text has a font color of #ccdcf4.
<span style="color:#ccdcf4;">Text here</span>
This paragraph has a background color of #ccdcf4.
<p style="background-color:#ccdcf4;">Content here</p>
This element has a border color of #ccdcf4.
<div style="border:1px solid #ccdcf4;">Content here</div>
.text {color:#ccdcf4;}
.background {background-color:#ccdcf4;}
.border {border:1px solid #ccdcf4;}
Shades and Tints of #ccdcf4
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, #03070e is the darkest color, while #fcfdfe is the lightest one.
-
#03070e
#03070e
rgb(3,7,14)
-
#06101e
#06101e
rgb(6,16,30)
-
#0a182e
#0a182e
rgb(10,24,46)
-
#0d213e
#0d213e
rgb(13,33,62)
-
#11294e
#11294e
rgb(17,41,78)
-
#14325e
#14325e
rgb(20,50,94)
-
#183a6e
#183a6e
rgb(24,58,110)
-
#1b437e
#1b437e
rgb(27,67,126)
-
#1f4c8f
#1f4c8f
rgb(31,76,143)
-
#22549f
#22549f
rgb(34,84,159)
-
#265daf
#265daf
rgb(38,93,175)
-
#2965bf
#2965bf
rgb(41,101,191)
-
#2d6ecf
#2d6ecf
rgb(45,110,207)
-
#3b78d5
#3b78d5
rgb(59,120,213)
-
#4b83d8
#4b83d8
rgb(75,131,216)
-
#5b8edc
#5b8edc
rgb(91,142,220)
-
#6b9adf
#6b9adf
rgb(107,154,223)
-
#7ba5e3
#7ba5e3
rgb(123,165,227)
-
#8bb0e6
#8bb0e6
rgb(139,176,230)
-
#9cbbea
#9cbbea
rgb(156,187,234)
-
#acc6ed
#acc6ed
rgb(172,198,237)
-
#bcd1f1
#bcd1f1
rgb(188,209,241)
-
#ccdcf4
#ccdcf4
rgb(204,220,244)
-
#dce7f7
#dce7f7
rgb(220,231,247)
-
#ecf2fb
#ecf2fb
rgb(236,242,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #ccdcf4
A tone is produced by adding gray to any pure hue. In this case, #dfe0e1 is the less saturated color, while #c2dafe is the most saturated one.
-
#dfe0e1
#dfe0e1
rgb(223,224,225)
-
#dddfe3
#dddfe3
rgb(221,223,227)
-
#dadfe6
#dadfe6
rgb(218,223,230)
-
#d8dee8
#d8dee8
rgb(216,222,232)
-
#d6deea
#d6deea
rgb(214,222,234)
-
#d3dded
#d3dded
rgb(211,221,237)
-
#d1ddef
#d1ddef
rgb(209,221,239)
-
#cedcf2
#cedcf2
rgb(206,220,242)
-
#ccdcf4
#ccdcf4
rgb(204,220,244)
-
#cadcf6
#cadcf6
rgb(202,220,246)
-
#c7dbf9
#c7dbf9
rgb(199,219,249)
-
#c5dbfb
#c5dbfb
rgb(197,219,251)
-
#c2dafe
#c2dafe
rgb(194,218,254)
Color Blindness Simulator
Below, you can see how #ccdcf4 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.