#ccd2e0 Color Information
In a RGB color space, hex #ccd2e0 is composed of 80% red, 82.4% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 6.3% magenta, 0% yellow and 12.2% black. It has a hue angle of 222 degrees, a saturation of 24.4% and a lightness of 83.9%. #ccd2e0 color hex could be obtained by blending #ffffff with #99a5c1. Closest websafe color is: #cccccc.
-
- R 80
- G 82
- B 88
-
- C 9
- M 6
- Y 0
- K 12
● #ccd2e0 color description : Light grayish blue.
#ccd2e0 Color Conversion
The hexadecimal color #ccd2e0 has RGB values of R:204, G:210, B:224 and CMYK values of C:0.09, M:0.06, Y:0, K:0.12. Its decimal value is 13423328.
Hex triplet | ccd2e0 | #ccd2e0 |
---|---|---|
RGB Decimal | 204, 210, 224 | rgb(204,210,224) |
RGB Percent | 80, 82.4, 87.8 | rgb(80%,82.4%,87.8%) |
CMYK | 9, 6, 0, 12 | |
HSL | 222°, 24.4, 83.9 | hsl(222,24.4%,83.9%) |
HSV (or HSB) | 222°, 8.9, 87.8 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.128, 0.643, -7.607 |
---|---|
XYZ | 61.4, 64.312, 79.696 |
xyY | 0.299, 0.313, 64.312 |
CIE-LCH | 84.128, 7.634, 274.835 |
CIE-LUV | 84.128, -4.062, -11.856 |
Hunter-Lab | 80.195, -3.674, -2.785 |
Binary | 11001100, 11010010, 11100000 |
Color Schemes with #ccd2e0
Alternatives to #ccd2e0
Below, you can see some colors close to #ccd2e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd2e0 Preview
This text has a font color of #ccd2e0.
<span style="color:#ccd2e0;">Text here</span>
This paragraph has a background color of #ccd2e0.
<p style="background-color:#ccd2e0;">Content here</p>
This element has a border color of #ccd2e0.
<div style="border:1px solid #ccd2e0;">Content here</div>
.text {color:#ccd2e0;}
.background {background-color:#ccd2e0;}
.border {border:1px solid #ccd2e0;}
Shades and Tints of #ccd2e0
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, #06070a is the darkest color, while #fdfdfe is the lightest one.
-
#06070a
#06070a
rgb(6,7,10)
-
#0d1016
#0d1016
rgb(13,16,22)
-
#151922
#151922
rgb(21,25,34)
-
#1c222f
#1c222f
rgb(28,34,47)
-
#242b3b
#242b3b
rgb(36,43,59)
-
#2b3447
#2b3447
rgb(43,52,71)
-
#333c53
#333c53
rgb(51,60,83)
-
#3a455f
#3a455f
rgb(58,69,95)
-
#414e6c
#414e6c
rgb(65,78,108)
-
#495778
#495778
rgb(73,87,120)
-
#506084
#506084
rgb(80,96,132)
-
#586990
#586990
rgb(88,105,144)
-
#5f719c
#5f719c
rgb(95,113,156)
-
#6a7ca5
#6a7ca5
rgb(106,124,165)
-
#7787ac
#7787ac
rgb(119,135,172)
-
#8391b4
#8391b4
rgb(131,145,180)
-
#8f9cbb
#8f9cbb
rgb(143,156,187)
-
#9ba7c2
#9ba7c2
rgb(155,167,194)
-
#a7b2ca
#a7b2ca
rgb(167,178,202)
-
#b4bcd1
#b4bcd1
rgb(180,188,209)
-
#c0c7d9
#c0c7d9
rgb(192,199,217)
-
#ccd2e0
#ccd2e0
rgb(204,210,224)
-
#d8dde7
#d8dde7
rgb(216,221,231)
-
#e4e8ef
#e4e8ef
rgb(228,232,239)
-
#f1f2f6
#f1f2f6
rgb(241,242,246)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #ccd2e0
A tone is produced by adding gray to any pure hue. In this case, #d5d6d7 is the less saturated color, while #b0c7fc is the most saturated one.
-
#d5d6d7
#d5d6d7
rgb(213,214,215)
-
#d2d5da
#d2d5da
rgb(210,213,218)
-
#cfd3dd
#cfd3dd
rgb(207,211,221)
-
#ccd2e0
#ccd2e0
rgb(204,210,224)
-
#c9d1e3
#c9d1e3
rgb(201,209,227)
-
#c6cfe6
#c6cfe6
rgb(198,207,230)
-
#c3cee9
#c3cee9
rgb(195,206,233)
-
#bfcded
#bfcded
rgb(191,205,237)
-
#bcccf0
#bcccf0
rgb(188,204,240)
-
#b9caf3
#b9caf3
rgb(185,202,243)
-
#b6c9f6
#b6c9f6
rgb(182,201,246)
-
#b3c8f9
#b3c8f9
rgb(179,200,249)
-
#b0c7fc
#b0c7fc
rgb(176,199,252)
Color Blindness Simulator
Below, you can see how #ccd2e0 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.