#ccd4e0 Color Information
In a RGB color space, hex #ccd4e0 is composed of 80% red, 83.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 5.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 216 degrees, a saturation of 24.4% and a lightness of 83.9%. #ccd4e0 color hex could be obtained by blending #ffffff with #99a9c1. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 88
-
- C 9
- M 5
- Y 0
- K 12
● #ccd4e0 color description : Light grayish blue.
#ccd4e0 Color Conversion
The hexadecimal color #ccd4e0 has RGB values of R:204, G:212, B:224 and CMYK values of C:0.09, M:0.05, Y:0, K:0.12. Its decimal value is 13423840.
Hex triplet | ccd4e0 | #ccd4e0 |
---|---|---|
RGB Decimal | 204, 212, 224 | rgb(204,212,224) |
RGB Percent | 80, 83.1, 87.8 | rgb(80%,83.1%,87.8%) |
CMYK | 9, 5, 0, 12 | |
HSL | 216°, 24.4, 83.9 | hsl(216,24.4%,83.9%) |
HSV (or HSB) | 216°, 8.9, 87.8 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.641, -0.405, -6.847 |
---|---|
XYZ | 61.897, 65.306, 79.861 |
xyY | 0.299, 0.315, 65.306 |
CIE-LCH | 84.641, 6.859, 266.612 |
CIE-LUV | 84.641, -5.031, -10.495 |
Hunter-Lab | 80.812, -4.7, -2.024 |
Binary | 11001100, 11010100, 11100000 |
Color Schemes with #ccd4e0
Alternatives to #ccd4e0
Below, you can see some colors close to #ccd4e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4e0 Preview
This text has a font color of #ccd4e0.
<span style="color:#ccd4e0;">Text here</span>
This paragraph has a background color of #ccd4e0.
<p style="background-color:#ccd4e0;">Content here</p>
This element has a border color of #ccd4e0.
<div style="border:1px solid #ccd4e0;">Content here</div>
.text {color:#ccd4e0;}
.background {background-color:#ccd4e0;}
.border {border:1px solid #ccd4e0;}
Shades and Tints of #ccd4e0
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, #06080a is the darkest color, while #fdfdfe is the lightest one.
-
#06080a
#06080a
rgb(6,8,10)
-
#0d1116
#0d1116
rgb(13,17,22)
-
#151a22
#151a22
rgb(21,26,34)
-
#1c242f
#1c242f
rgb(28,36,47)
-
#242d3b
#242d3b
rgb(36,45,59)
-
#2b3647
#2b3647
rgb(43,54,71)
-
#334053
#334053
rgb(51,64,83)
-
#3a495f
#3a495f
rgb(58,73,95)
-
#41526c
#41526c
rgb(65,82,108)
-
#495c78
#495c78
rgb(73,92,120)
-
#506584
#506584
rgb(80,101,132)
-
#586e90
#586e90
rgb(88,110,144)
-
#5f789c
#5f789c
rgb(95,120,156)
-
#6a82a5
#6a82a5
rgb(106,130,165)
-
#778cac
#778cac
rgb(119,140,172)
-
#8396b4
#8396b4
rgb(131,150,180)
-
#8fa1bb
#8fa1bb
rgb(143,161,187)
-
#9babc2
#9babc2
rgb(155,171,194)
-
#a7b5ca
#a7b5ca
rgb(167,181,202)
-
#b4bfd1
#b4bfd1
rgb(180,191,209)
-
#c0cad9
#c0cad9
rgb(192,202,217)
-
#ccd4e0
#ccd4e0
rgb(204,212,224)
-
#d8dee7
#d8dee7
rgb(216,222,231)
-
#e4e9ef
#e4e9ef
rgb(228,233,239)
-
#f1f3f6
#f1f3f6
rgb(241,243,246)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #ccd4e0
A tone is produced by adding gray to any pure hue. In this case, #d5d6d7 is the less saturated color, while #b0cefc is the most saturated one.
-
#d5d6d7
#d5d6d7
rgb(213,214,215)
-
#d2d5da
#d2d5da
rgb(210,213,218)
-
#cfd5dd
#cfd5dd
rgb(207,213,221)
-
#ccd4e0
#ccd4e0
rgb(204,212,224)
-
#c9d3e3
#c9d3e3
rgb(201,211,227)
-
#c6d3e6
#c6d3e6
rgb(198,211,230)
-
#c3d2e9
#c3d2e9
rgb(195,210,233)
-
#bfd1ed
#bfd1ed
rgb(191,209,237)
-
#bcd1f0
#bcd1f0
rgb(188,209,240)
-
#b9d0f3
#b9d0f3
rgb(185,208,243)
-
#b6d0f6
#b6d0f6
rgb(182,208,246)
-
#b3cff9
#b3cff9
rgb(179,207,249)
-
#b0cefc
#b0cefc
rgb(176,206,252)
Color Blindness Simulator
Below, you can see how #ccd4e0 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.