#ccd2f6 Color Information
In a RGB color space, hex #ccd2f6 is composed of 80% red, 82.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 14.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 231.4 degrees, a saturation of 70% and a lightness of 88.2%. #ccd2f6 color hex could be obtained by blending #ffffff with #99a5ed. Closest websafe color is: #ccccff.
-
- R 80
- G 82
- B 96
-
- C 17
- M 15
- Y 0
- K 4
● #ccd2f6 color description : Light grayish blue.
#ccd2f6 Color Conversion
The hexadecimal color #ccd2f6 has RGB values of R:204, G:210, B:246 and CMYK values of C:0.17, M:0.15, Y:0, K:0.04. Its decimal value is 13423350.
Hex triplet | ccd2f6 | #ccd2f6 |
---|---|---|
RGB Decimal | 204, 210, 246 | rgb(204,210,246) |
RGB Percent | 80, 82.4, 96.5 | rgb(80%,82.4%,96.5%) |
CMYK | 17, 15, 0, 4 | |
HSL | 231.4°, 70, 88.2 | hsl(231.4,70%,88.2%) |
HSV (or HSB) | 231.4°, 17.1, 96.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 84.784, 5.152, -18.307 |
---|---|
XYZ | 64.58, 65.584, 96.44 |
xyY | 0.285, 0.289, 65.584 |
CIE-LCH | 84.784, 19.018, 285.719 |
CIE-LUV | 84.784, -5.21, -29.844 |
Hunter-Lab | 80.984, 0.622, -13.917 |
Binary | 11001100, 11010010, 11110110 |
Color Schemes with #ccd2f6
Alternatives to #ccd2f6
Below, you can see some colors close to #ccd2f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd2f6 Preview
This text has a font color of #ccd2f6.
<span style="color:#ccd2f6;">Text here</span>
This paragraph has a background color of #ccd2f6.
<p style="background-color:#ccd2f6;">Content here</p>
This element has a border color of #ccd2f6.
<div style="border:1px solid #ccd2f6;">Content here</div>
.text {color:#ccd2f6;}
.background {background-color:#ccd2f6;}
.border {border:1px solid #ccd2f6;}
Shades and Tints of #ccd2f6
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, #030510 is the darkest color, while #fefeff is the lightest one.
-
#030510
#030510
rgb(3,5,16)
-
#060a20
#060a20
rgb(6,10,32)
-
#090e31
#090e31
rgb(9,14,49)
-
#0c1342
#0c1342
rgb(12,19,66)
-
#0f1852
#0f1852
rgb(15,24,82)
-
#111d63
#111d63
rgb(17,29,99)
-
#142274
#142274
rgb(20,34,116)
-
#172784
#172784
rgb(23,39,132)
-
#1a2c95
#1a2c95
rgb(26,44,149)
-
#1d31a6
#1d31a6
rgb(29,49,166)
-
#2036b6
#2036b6
rgb(32,54,182)
-
#233bc7
#233bc7
rgb(35,59,199)
-
#263fd8
#263fd8
rgb(38,63,216)
-
#364edc
#364edc
rgb(54,78,220)
-
#475cde
#475cde
rgb(71,92,222)
-
#576be1
#576be1
rgb(87,107,225)
-
#687ae4
#687ae4
rgb(104,122,228)
-
#7988e7
#7988e7
rgb(121,136,231)
-
#8997ea
#8997ea
rgb(137,151,234)
-
#9aa6ed
#9aa6ed
rgb(154,166,237)
-
#abb5f0
#abb5f0
rgb(171,181,240)
-
#bbc3f3
#bbc3f3
rgb(187,195,243)
-
#ccd2f6
#ccd2f6
rgb(204,210,246)
-
#dde1f9
#dde1f9
rgb(221,225,249)
-
#edeffc
#edeffc
rgb(237,239,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #ccd2f6
A tone is produced by adding gray to any pure hue. In this case, #e1e1e1 is the less saturated color, while #c5cdfd is the most saturated one.
-
#e1e1e1
#e1e1e1
rgb(225,225,225)
-
#dedfe4
#dedfe4
rgb(222,223,228)
-
#dcdee6
#dcdee6
rgb(220,222,230)
-
#dadce8
#dadce8
rgb(218,220,232)
-
#d8daea
#d8daea
rgb(216,218,234)
-
#d5d9ed
#d5d9ed
rgb(213,217,237)
-
#d3d7ef
#d3d7ef
rgb(211,215,239)
-
#d1d5f1
#d1d5f1
rgb(209,213,241)
-
#ced4f4
#ced4f4
rgb(206,212,244)
-
#ccd2f6
#ccd2f6
rgb(204,210,246)
-
#cad0f8
#cad0f8
rgb(202,208,248)
-
#c7cffb
#c7cffb
rgb(199,207,251)
-
#c5cdfd
#c5cdfd
rgb(197,205,253)
Color Blindness Simulator
Below, you can see how #ccd2f6 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.