#ccd4e9 Color Information
In a RGB color space, hex #ccd4e9 is composed of 80% red, 83.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 9% magenta, 0% yellow and 8.6% black. It has a hue angle of 223.4 degrees, a saturation of 39.7% and a lightness of 85.7%. #ccd4e9 color hex could be obtained by blending #ffffff with #99a9d3. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 91
-
- C 12
- M 9
- Y 0
- K 9
● #ccd4e9 color description : Light grayish blue.
#ccd4e9 Color Conversion
The hexadecimal color #ccd4e9 has RGB values of R:204, G:212, B:233 and CMYK values of C:0.12, M:0.09, Y:0, K:0.09. Its decimal value is 13423849.
Hex triplet | ccd4e9 | #ccd4e9 |
---|---|---|
RGB Decimal | 204, 212, 233 | rgb(204,212,233) |
RGB Percent | 80, 83.1, 91.4 | rgb(80%,83.1%,91.4%) |
CMYK | 12, 9, 0, 9 | |
HSL | 223.4°, 39.7, 85.7 | hsl(223.4,39.7%,85.7%) |
HSV (or HSB) | 223.4°, 12.4, 91.4 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.898, 1.393, -11.242 |
---|---|
XYZ | 63.15, 65.807, 86.461 |
xyY | 0.293, 0.305, 65.807 |
CIE-LCH | 84.898, 11.328, 277.063 |
CIE-LUV | 84.898, -5.475, -17.772 |
Hunter-Lab | 81.121, -3.006, -6.408 |
Binary | 11001100, 11010100, 11101001 |
Color Schemes with #ccd4e9
Alternatives to #ccd4e9
Below, you can see some colors close to #ccd4e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4e9 Preview
This text has a font color of #ccd4e9.
<span style="color:#ccd4e9;">Text here</span>
This paragraph has a background color of #ccd4e9.
<p style="background-color:#ccd4e9;">Content here</p>
This element has a border color of #ccd4e9.
<div style="border:1px solid #ccd4e9;">Content here</div>
.text {color:#ccd4e9;}
.background {background-color:#ccd4e9;}
.border {border:1px solid #ccd4e9;}
Shades and Tints of #ccd4e9
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, #020204 is the darkest color, while #f5f7fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#080a12
#080a12
rgb(8,10,18)
-
#0d121f
#0d121f
rgb(13,18,31)
-
#131a2d
#131a2d
rgb(19,26,45)
-
#19223b
#19223b
rgb(25,34,59)
-
#1f2b48
#1f2b48
rgb(31,43,72)
-
#253356
#253356
rgb(37,51,86)
-
#2b3b64
#2b3b64
rgb(43,59,100)
-
#314371
#314371
rgb(49,67,113)
-
#374b7f
#374b7f
rgb(55,75,127)
-
#3d538d
#3d538d
rgb(61,83,141)
-
#435b9b
#435b9b
rgb(67,91,155)
-
#4963a8
#4963a8
rgb(73,99,168)
-
#516cb4
#516cb4
rgb(81,108,180)
-
#5e78ba
#5e78ba
rgb(94,120,186)
-
#6c83c0
#6c83c0
rgb(108,131,192)
-
#7a8fc6
#7a8fc6
rgb(122,143,198)
-
#879acb
#879acb
rgb(135,154,203)
-
#95a6d1
#95a6d1
rgb(149,166,209)
-
#a3b1d7
#a3b1d7
rgb(163,177,215)
-
#b1bddd
#b1bddd
rgb(177,189,221)
-
#bec8e3
#bec8e3
rgb(190,200,227)
-
#ccd4e9
#ccd4e9
rgb(204,212,233)
-
#dae0ef
#dae0ef
rgb(218,224,239)
-
#e7ebf5
#e7ebf5
rgb(231,235,245)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #ccd4e9
A tone is produced by adding gray to any pure hue. In this case, #dadadb is the less saturated color, while #b8cbfd is the most saturated one.
-
#dadadb
#dadadb
rgb(218,218,219)
-
#d7d9de
#d7d9de
rgb(215,217,222)
-
#d4d8e1
#d4d8e1
rgb(212,216,225)
-
#d2d7e3
#d2d7e3
rgb(210,215,227)
-
#cfd5e6
#cfd5e6
rgb(207,213,230)
-
#ccd4e9
#ccd4e9
rgb(204,212,233)
-
#c9d3ec
#c9d3ec
rgb(201,211,236)
-
#c6d1ef
#c6d1ef
rgb(198,209,239)
-
#c4d0f1
#c4d0f1
rgb(196,208,241)
-
#c1cff4
#c1cff4
rgb(193,207,244)
-
#becef7
#becef7
rgb(190,206,247)
-
#bbccfa
#bbccfa
rgb(187,204,250)
-
#b8cbfd
#b8cbfd
rgb(184,203,253)
Color Blindness Simulator
Below, you can see how #ccd4e9 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.