#ccdef2 Color Information
In a RGB color space, hex #ccdef2 is composed of 80% red, 87.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 8.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 211.6 degrees, a saturation of 59.4% and a lightness of 87.5%. #ccdef2 color hex could be obtained by blending #ffffff with #99bde5. Closest websafe color is: #ccccff.
-
- R 80
- G 87
- B 95
-
- C 16
- M 8
- Y 0
- K 5
● #ccdef2 color description : Light grayish blue.
#ccdef2 Color Conversion
The hexadecimal color #ccdef2 has RGB values of R:204, G:222, B:242 and CMYK values of C:0.16, M:0.08, Y:0, K:0.05. Its decimal value is 13426418.
Hex triplet | ccdef2 | #ccdef2 |
---|---|---|
RGB Decimal | 204, 222, 242 | rgb(204,222,242) |
RGB Percent | 80, 87.1, 94.9 | rgb(80%,87.1%,94.9%) |
CMYK | 16, 8, 0, 5 | |
HSL | 211.6°, 59.4, 87.5 | hsl(211.6,59.4%,87.5%) |
HSV (or HSB) | 211.6°, 15.7, 94.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 87.722, -1.987, -11.785 |
---|---|
XYZ | 67.047, 71.49, 94.266 |
xyY | 0.288, 0.307, 71.49 |
CIE-LCH | 87.722, 11.952, 260.429 |
CIE-LUV | 87.722, -10.567, -18.167 |
Hunter-Lab | 84.552, -6.42, -6.916 |
Binary | 11001100, 11011110, 11110010 |
Color Schemes with #ccdef2
Alternatives to #ccdef2
Below, you can see some colors close to #ccdef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdef2 Preview
This text has a font color of #ccdef2.
<span style="color:#ccdef2;">Text here</span>
This paragraph has a background color of #ccdef2.
<p style="background-color:#ccdef2;">Content here</p>
This element has a border color of #ccdef2.
<div style="border:1px solid #ccdef2;">Content here</div>
.text {color:#ccdef2;}
.background {background-color:#ccdef2;}
.border {border:1px solid #ccdef2;}
Shades and Tints of #ccdef2
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, #03070c is the darkest color, while #fbfcfe is the lightest one.
-
#03070c
#03070c
rgb(3,7,12)
-
#07111b
#07111b
rgb(7,17,27)
-
#0b1a2b
#0b1a2b
rgb(11,26,43)
-
#0f243a
#0f243a
rgb(15,36,58)
-
#132d4a
#132d4a
rgb(19,45,74)
-
#17375a
#17375a
rgb(23,55,90)
-
#1b4069
#1b4069
rgb(27,64,105)
-
#1f4a79
#1f4a79
rgb(31,74,121)
-
#235389
#235389
rgb(35,83,137)
-
#275d98
#275d98
rgb(39,93,152)
-
#2b66a8
#2b66a8
rgb(43,102,168)
-
#2f70b7
#2f70b7
rgb(47,112,183)
-
#3379c7
#3379c7
rgb(51,121,199)
-
#3f83ce
#3f83ce
rgb(63,131,206)
-
#4f8dd2
#4f8dd2
rgb(79,141,210)
-
#5f97d6
#5f97d6
rgb(95,151,214)
-
#6ea1da
#6ea1da
rgb(110,161,218)
-
#7eabde
#7eabde
rgb(126,171,222)
-
#8db6e2
#8db6e2
rgb(141,182,226)
-
#9dc0e6
#9dc0e6
rgb(157,192,230)
-
#adcaea
#adcaea
rgb(173,202,234)
-
#bcd4ee
#bcd4ee
rgb(188,212,238)
-
#ccdef2
#ccdef2
rgb(204,222,242)
-
#dce8f6
#dce8f6
rgb(220,232,246)
-
#ebf2fa
#ebf2fa
rgb(235,242,250)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #ccdef2
A tone is produced by adding gray to any pure hue. In this case, #dddfe1 is the less saturated color, while #c0ddfe is the most saturated one.
-
#dddfe1
#dddfe1
rgb(221,223,225)
-
#dbdfe3
#dbdfe3
rgb(219,223,227)
-
#d8dfe6
#d8dfe6
rgb(216,223,230)
-
#d6dfe8
#d6dfe8
rgb(214,223,232)
-
#d3deeb
#d3deeb
rgb(211,222,235)
-
#d1deed
#d1deed
rgb(209,222,237)
-
#cedef0
#cedef0
rgb(206,222,240)
-
#ccdef2
#ccdef2
rgb(204,222,242)
-
#cadef4
#cadef4
rgb(202,222,244)
-
#c7def7
#c7def7
rgb(199,222,247)
-
#c5def9
#c5def9
rgb(197,222,249)
-
#c2ddfc
#c2ddfc
rgb(194,221,252)
-
#c0ddfe
#c0ddfe
rgb(192,221,254)
Color Blindness Simulator
Below, you can see how #ccdef2 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.