#ccd3f2 Color Information
In a RGB color space, hex #ccd3f2 is composed of 80% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.9 degrees, a saturation of 59.4% and a lightness of 87.5%. #ccd3f2 color hex could be obtained by blending #ffffff with #99a7e5. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 95
-
- C 16
- M 13
- Y 0
- K 5
● #ccd3f2 color description : Light grayish blue.
#ccd3f2 Color Conversion
The hexadecimal color #ccd3f2 has RGB values of R:204, G:211, B:242 and CMYK values of C:0.16, M:0.13, Y:0, K:0.05. Its decimal value is 13423602.
Hex triplet | ccd3f2 | #ccd3f2 |
---|---|---|
RGB Decimal | 204, 211, 242 | rgb(204,211,242) |
RGB Percent | 80, 82.7, 94.9 | rgb(80%,82.7%,94.9%) |
CMYK | 16, 13, 0, 5 | |
HSL | 228.9°, 59.4, 87.5 | hsl(228.9,59.4%,87.5%) |
HSV (or HSB) | 228.9°, 15.7, 94.9 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.913, 3.778, -15.992 |
---|---|
XYZ | 64.22, 65.836, 93.324 |
xyY | 0.287, 0.295, 65.836 |
CIE-LCH | 84.913, 16.433, 283.292 |
CIE-LUV | 84.913, -5.462, -25.84 |
Hunter-Lab | 81.139, -0.715, -11.396 |
Binary | 11001100, 11010011, 11110010 |
Color Schemes with #ccd3f2
Alternatives to #ccd3f2
Below, you can see some colors close to #ccd3f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd3f2 Preview
This text has a font color of #ccd3f2.
<span style="color:#ccd3f2;">Text here</span>
This paragraph has a background color of #ccd3f2.
<p style="background-color:#ccd3f2;">Content here</p>
This element has a border color of #ccd3f2.
<div style="border:1px solid #ccd3f2;">Content here</div>
.text {color:#ccd3f2;}
.background {background-color:#ccd3f2;}
.border {border:1px solid #ccd3f2;}
Shades and Tints of #ccd3f2
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, #03050c is the darkest color, while #fbfbfe is the lightest one.
-
#03050c
#03050c
rgb(3,5,12)
-
#070b1b
#070b1b
rgb(7,11,27)
-
#0b112b
#0b112b
rgb(11,17,43)
-
#0f173a
#0f173a
rgb(15,23,58)
-
#131d4a
#131d4a
rgb(19,29,74)
-
#17235a
#17235a
rgb(23,35,90)
-
#1b2969
#1b2969
rgb(27,41,105)
-
#1f2f79
#1f2f79
rgb(31,47,121)
-
#233689
#233689
rgb(35,54,137)
-
#273c98
#273c98
rgb(39,60,152)
-
#2b42a8
#2b42a8
rgb(43,66,168)
-
#2f48b7
#2f48b7
rgb(47,72,183)
-
#334ec7
#334ec7
rgb(51,78,199)
-
#3f5ace
#3f5ace
rgb(63,90,206)
-
#4f67d2
#4f67d2
rgb(79,103,210)
-
#5f75d6
#5f75d6
rgb(95,117,214)
-
#6e82da
#6e82da
rgb(110,130,218)
-
#7e90de
#7e90de
rgb(126,144,222)
-
#8d9de2
#8d9de2
rgb(141,157,226)
-
#9dabe6
#9dabe6
rgb(157,171,230)
-
#adb8ea
#adb8ea
rgb(173,184,234)
-
#bcc6ee
#bcc6ee
rgb(188,198,238)
-
#ccd3f2
#ccd3f2
rgb(204,211,242)
-
#dce0f6
#dce0f6
rgb(220,224,246)
-
#ebeefa
#ebeefa
rgb(235,238,250)
-
#fbfbfe
#fbfbfe
rgb(251,251,254)
Tones of #ccd3f2
A tone is produced by adding gray to any pure hue. In this case, #dddee1 is the less saturated color, while #c0cbfe is the most saturated one.
-
#dddee1
#dddee1
rgb(221,222,225)
-
#dbdce3
#dbdce3
rgb(219,220,227)
-
#d8dbe6
#d8dbe6
rgb(216,219,230)
-
#d6d9e8
#d6d9e8
rgb(214,217,232)
-
#d3d8eb
#d3d8eb
rgb(211,216,235)
-
#d1d6ed
#d1d6ed
rgb(209,214,237)
-
#ced5f0
#ced5f0
rgb(206,213,240)
-
#ccd3f2
#ccd3f2
rgb(204,211,242)
-
#cad1f4
#cad1f4
rgb(202,209,244)
-
#c7d0f7
#c7d0f7
rgb(199,208,247)
-
#c5cef9
#c5cef9
rgb(197,206,249)
-
#c2cdfc
#c2cdfc
rgb(194,205,252)
-
#c0cbfe
#c0cbfe
rgb(192,203,254)
Color Blindness Simulator
Below, you can see how #ccd3f2 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.