#ccd2f4 Color Information
In a RGB color space, hex #ccd2f4 is composed of 80% red, 82.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 16.4% cyan, 13.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 231 degrees, a saturation of 64.5% and a lightness of 87.8%. #ccd2f4 color hex could be obtained by blending #ffffff with #99a5e9. Closest websafe color is: #ccccff.
-
- R 80
- G 82
- B 96
-
- C 16
- M 14
- Y 0
- K 4
● #ccd2f4 color description : Light grayish blue.
#ccd2f4 Color Conversion
The hexadecimal color #ccd2f4 has RGB values of R:204, G:210, B:244 and CMYK values of C:0.16, M:0.14, Y:0, K:0.04. Its decimal value is 13423348.
Hex triplet | ccd2f4 | #ccd2f4 |
---|---|---|
RGB Decimal | 204, 210, 244 | rgb(204,210,244) |
RGB Percent | 80, 82.4, 95.7 | rgb(80%,82.4%,95.7%) |
CMYK | 16, 14, 0, 4 | |
HSL | 231°, 64.5, 87.8 | hsl(231,64.5%,87.8%) |
HSV (or HSB) | 231°, 16.4, 95.7 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.721, 4.728, -17.341 |
---|---|
XYZ | 64.274, 65.462, 94.832 |
xyY | 0.286, 0.291, 65.462 |
CIE-LCH | 84.721, 17.974, 285.252 |
CIE-LUV | 84.721, -5.104, -28.189 |
Hunter-Lab | 80.908, 0.213, -12.858 |
Binary | 11001100, 11010010, 11110100 |
Color Schemes with #ccd2f4
Alternatives to #ccd2f4
Below, you can see some colors close to #ccd2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd2f4 Preview
This text has a font color of #ccd2f4.
<span style="color:#ccd2f4;">Text here</span>
This paragraph has a background color of #ccd2f4.
<p style="background-color:#ccd2f4;">Content here</p>
This element has a border color of #ccd2f4.
<div style="border:1px solid #ccd2f4;">Content here</div>
.text {color:#ccd2f4;}
.background {background-color:#ccd2f4;}
.border {border:1px solid #ccd2f4;}
Shades and Tints of #ccd2f4
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, #03050e is the darkest color, while #fcfdfe is the lightest one.
-
#03050e
#03050e
rgb(3,5,14)
-
#060a1e
#060a1e
rgb(6,10,30)
-
#0a0f2e
#0a0f2e
rgb(10,15,46)
-
#0d153e
#0d153e
rgb(13,21,62)
-
#111a4e
#111a4e
rgb(17,26,78)
-
#141f5e
#141f5e
rgb(20,31,94)
-
#18256e
#18256e
rgb(24,37,110)
-
#1b2a7e
#1b2a7e
rgb(27,42,126)
-
#1f308f
#1f308f
rgb(31,48,143)
-
#22359f
#22359f
rgb(34,53,159)
-
#263aaf
#263aaf
rgb(38,58,175)
-
#2940bf
#2940bf
rgb(41,64,191)
-
#2d45cf
#2d45cf
rgb(45,69,207)
-
#3b52d5
#3b52d5
rgb(59,82,213)
-
#4b60d8
#4b60d8
rgb(75,96,216)
-
#5b6edc
#5b6edc
rgb(91,110,220)
-
#6b7ddf
#6b7ddf
rgb(107,125,223)
-
#7b8be3
#7b8be3
rgb(123,139,227)
-
#8b99e6
#8b99e6
rgb(139,153,230)
-
#9ca7ea
#9ca7ea
rgb(156,167,234)
-
#acb6ed
#acb6ed
rgb(172,182,237)
-
#bcc4f1
#bcc4f1
rgb(188,196,241)
-
#ccd2f4
#ccd2f4
rgb(204,210,244)
-
#dce0f7
#dce0f7
rgb(220,224,247)
-
#eceefb
#eceefb
rgb(236,238,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #ccd2f4
A tone is produced by adding gray to any pure hue. In this case, #dfdfe1 is the less saturated color, while #c2cbfe is the most saturated one.
-
#dfdfe1
#dfdfe1
rgb(223,223,225)
-
#dddee3
#dddee3
rgb(221,222,227)
-
#dadce6
#dadce6
rgb(218,220,230)
-
#d8dae8
#d8dae8
rgb(216,218,232)
-
#d6d9ea
#d6d9ea
rgb(214,217,234)
-
#d3d7ed
#d3d7ed
rgb(211,215,237)
-
#d1d5ef
#d1d5ef
rgb(209,213,239)
-
#ced4f2
#ced4f2
rgb(206,212,242)
-
#ccd2f4
#ccd2f4
rgb(204,210,244)
-
#cad0f6
#cad0f6
rgb(202,208,246)
-
#c7cff9
#c7cff9
rgb(199,207,249)
-
#c5cdfb
#c5cdfb
rgb(197,205,251)
-
#c2cbfe
#c2cbfe
rgb(194,203,254)
Color Blindness Simulator
Below, you can see how #ccd2f4 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.