#ccd4f7 Color Information
In a RGB color space, hex #ccd4f7 is composed of 80% red, 83.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 14.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 228.8 degrees, a saturation of 72.9% and a lightness of 88.4%. #ccd4f7 color hex could be obtained by blending #ffffff with #99a9ef. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 97
-
- C 17
- M 14
- Y 0
- K 3
● #ccd4f7 color description : Light grayish blue.
#ccd4f7 Color Conversion
The hexadecimal color #ccd4f7 has RGB values of R:204, G:212, B:247 and CMYK values of C:0.17, M:0.14, Y:0, K:0.03. Its decimal value is 13423863.
Hex triplet | ccd4f7 | #ccd4f7 |
---|---|---|
RGB Decimal | 204, 212, 247 | rgb(204,212,247) |
RGB Percent | 80, 83.1, 96.9 | rgb(80%,83.1%,96.9%) |
CMYK | 17, 14, 0, 3 | |
HSL | 228.8°, 72.9, 88.4 | hsl(228.8,72.9%,88.4%) |
HSV (or HSB) | 228.8°, 17.4, 96.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.321, 4.306, -18.025 |
---|---|
XYZ | 65.231, 66.639, 97.417 |
xyY | 0.284, 0.291, 66.639 |
CIE-LCH | 85.321, 18.533, 283.436 |
CIE-LUV | 85.321, -6.179, -29.27 |
Hunter-Lab | 81.633, -0.223, -13.611 |
Binary | 11001100, 11010100, 11110111 |
Color Schemes with #ccd4f7
Alternatives to #ccd4f7
Below, you can see some colors close to #ccd4f7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4f7 Preview
This text has a font color of #ccd4f7.
<span style="color:#ccd4f7;">Text here</span>
This paragraph has a background color of #ccd4f7.
<p style="background-color:#ccd4f7;">Content here</p>
This element has a border color of #ccd4f7.
<div style="border:1px solid #ccd4f7;">Content here</div>
.text {color:#ccd4f7;}
.background {background-color:#ccd4f7;}
.border {border:1px solid #ccd4f7;}
Shades and Tints of #ccd4f7
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, #030511 is the darkest color, while #ffffff is the lightest one.
-
#030511
#030511
rgb(3,5,17)
-
#050b22
#050b22
rgb(5,11,34)
-
#081033
#081033
rgb(8,16,51)
-
#0b1544
#0b1544
rgb(11,21,68)
-
#0d1b55
#0d1b55
rgb(13,27,85)
-
#102066
#102066
rgb(16,32,102)
-
#132577
#132577
rgb(19,37,119)
-
#152b88
#152b88
rgb(21,43,136)
-
#183098
#183098
rgb(24,48,152)
-
#1b35a9
#1b35a9
rgb(27,53,169)
-
#1d3aba
#1d3aba
rgb(29,58,186)
-
#2040cb
#2040cb
rgb(32,64,203)
-
#2345dc
#2345dc
rgb(35,69,220)
-
#3353df
#3353df
rgb(51,83,223)
-
#4462e2
#4462e2
rgb(68,98,226)
-
#5570e4
#5570e4
rgb(85,112,228)
-
#667ee7
#667ee7
rgb(102,126,231)
-
#778dea
#778dea
rgb(119,141,234)
-
#889bec
#889bec
rgb(136,155,236)
-
#99a9ef
#99a9ef
rgb(153,169,239)
-
#aab7f2
#aab7f2
rgb(170,183,242)
-
#bbc6f4
#bbc6f4
rgb(187,198,244)
-
#ccd4f7
#ccd4f7
rgb(204,212,247)
-
#dde2fa
#dde2fa
rgb(221,226,250)
-
#eef1fc
#eef1fc
rgb(238,241,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccd4f7
A tone is produced by adding gray to any pure hue. In this case, #e0e1e3 is the less saturated color, while #c5d0fe is the most saturated one.
-
#e0e1e3
#e0e1e3
rgb(224,225,227)
-
#dedfe5
#dedfe5
rgb(222,223,229)
-
#dcdee7
#dcdee7
rgb(220,222,231)
-
#dadde9
#dadde9
rgb(218,221,233)
-
#d7dbec
#d7dbec
rgb(215,219,236)
-
#d5daee
#d5daee
rgb(213,218,238)
-
#d3d8f0
#d3d8f0
rgb(211,216,240)
-
#d1d7f2
#d1d7f2
rgb(209,215,242)
-
#ced5f5
#ced5f5
rgb(206,213,245)
-
#ccd4f7
#ccd4f7
rgb(204,212,247)
-
#cad3f9
#cad3f9
rgb(202,211,249)
-
#c7d1fc
#c7d1fc
rgb(199,209,252)
-
#c5d0fe
#c5d0fe
rgb(197,208,254)
Color Blindness Simulator
Below, you can see how #ccd4f7 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.