#ccd4f6 Color Information
In a RGB color space, hex #ccd4f6 is composed of 80% red, 83.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 13.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 228.6 degrees, a saturation of 70% and a lightness of 88.2%. #ccd4f6 color hex could be obtained by blending #ffffff with #99a9ed. Closest websafe color is: #ccccff.
-
- R 80
- G 83
- B 96
-
- C 17
- M 14
- Y 0
- K 4
● #ccd4f6 color description : Light grayish blue.
#ccd4f6 Color Conversion
The hexadecimal color #ccd4f6 has RGB values of R:204, G:212, B:246 and CMYK values of C:0.17, M:0.14, Y:0, K:0.04. Its decimal value is 13423862.
Hex triplet | ccd4f6 | #ccd4f6 |
---|---|---|
RGB Decimal | 204, 212, 246 | rgb(204,212,246) |
RGB Percent | 80, 83.1, 96.5 | rgb(80%,83.1%,96.5%) |
CMYK | 17, 14, 0, 4 | |
HSL | 228.6°, 70, 88.2 | hsl(228.6,70%,88.2%) |
HSV (or HSB) | 228.6°, 17.1, 96.5 | |
Web Safe | ccccff | #ccccff |
CIE-LAB | 85.29, 4.094, -17.543 |
---|---|
XYZ | 65.077, 66.577, 96.606 |
xyY | 0.285, 0.292, 66.577 |
CIE-LCH | 85.29, 18.015, 283.135 |
CIE-LUV | 85.29, -6.128, -28.443 |
Hunter-Lab | 81.595, -0.427, -13.081 |
Binary | 11001100, 11010100, 11110110 |
Color Schemes with #ccd4f6
Alternatives to #ccd4f6
Below, you can see some colors close to #ccd4f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4f6 Preview
This text has a font color of #ccd4f6.
<span style="color:#ccd4f6;">Text here</span>
This paragraph has a background color of #ccd4f6.
<p style="background-color:#ccd4f6;">Content here</p>
This element has a border color of #ccd4f6.
<div style="border:1px solid #ccd4f6;">Content here</div>
.text {color:#ccd4f6;}
.background {background-color:#ccd4f6;}
.border {border:1px solid #ccd4f6;}
Shades and Tints of #ccd4f6
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)
-
#060b20
#060b20
rgb(6,11,32)
-
#091031
#091031
rgb(9,16,49)
-
#0c1642
#0c1642
rgb(12,22,66)
-
#0f1b52
#0f1b52
rgb(15,27,82)
-
#112163
#112163
rgb(17,33,99)
-
#142774
#142774
rgb(20,39,116)
-
#172c84
#172c84
rgb(23,44,132)
-
#1a3295
#1a3295
rgb(26,50,149)
-
#1d37a6
#1d37a6
rgb(29,55,166)
-
#203db6
#203db6
rgb(32,61,182)
-
#2342c7
#2342c7
rgb(35,66,199)
-
#2648d8
#2648d8
rgb(38,72,216)
-
#3655dc
#3655dc
rgb(54,85,220)
-
#4764de
#4764de
rgb(71,100,222)
-
#5772e1
#5772e1
rgb(87,114,225)
-
#6880e4
#6880e4
rgb(104,128,228)
-
#798ee7
#798ee7
rgb(121,142,231)
-
#899cea
#899cea
rgb(137,156,234)
-
#9aaaed
#9aaaed
rgb(154,170,237)
-
#abb8f0
#abb8f0
rgb(171,184,240)
-
#bbc6f3
#bbc6f3
rgb(187,198,243)
-
#ccd4f6
#ccd4f6
rgb(204,212,246)
-
#dde2f9
#dde2f9
rgb(221,226,249)
-
#edf0fc
#edf0fc
rgb(237,240,252)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #ccd4f6
A tone is produced by adding gray to any pure hue. In this case, #e1e1e1 is the less saturated color, while #c5d0fd is the most saturated one.
-
#e1e1e1
#e1e1e1
rgb(225,225,225)
-
#dedfe4
#dedfe4
rgb(222,223,228)
-
#dcdee6
#dcdee6
rgb(220,222,230)
-
#dadde8
#dadde8
rgb(218,221,232)
-
#d8dbea
#d8dbea
rgb(216,219,234)
-
#d5daed
#d5daed
rgb(213,218,237)
-
#d3d8ef
#d3d8ef
rgb(211,216,239)
-
#d1d7f1
#d1d7f1
rgb(209,215,241)
-
#ced5f4
#ced5f4
rgb(206,213,244)
-
#ccd4f6
#ccd4f6
rgb(204,212,246)
-
#cad3f8
#cad3f8
rgb(202,211,248)
-
#c7d1fb
#c7d1fb
rgb(199,209,251)
-
#c5d0fd
#c5d0fd
rgb(197,208,253)
Color Blindness Simulator
Below, you can see how #ccd4f6 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.