#ccd6e0 Color Information
In a RGB color space, hex #ccd6e0 is composed of 80% red, 83.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 4.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 210 degrees, a saturation of 24.4% and a lightness of 83.9%. #ccd6e0 color hex could be obtained by blending #ffffff with #99adc1. Closest websafe color is: #cccccc.
-
- R 80
- G 84
- B 88
-
- C 9
- M 4
- Y 0
- K 12
● #ccd6e0 color description : Light grayish blue.
#ccd6e0 Color Conversion
The hexadecimal color #ccd6e0 has RGB values of R:204, G:214, B:224 and CMYK values of C:0.09, M:0.04, Y:0, K:0.12. Its decimal value is 13424352.
Hex triplet | ccd6e0 | #ccd6e0 |
---|---|---|
RGB Decimal | 204, 214, 224 | rgb(204,214,224) |
RGB Percent | 80, 83.9, 87.8 | rgb(80%,83.9%,87.8%) |
CMYK | 9, 4, 0, 12 | |
HSL | 210°, 24.4, 83.9 | hsl(210,24.4%,83.9%) |
HSV (or HSB) | 210°, 8.9, 87.8 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 85.155, -1.451, -6.087 |
---|---|
XYZ | 62.4, 66.312, 80.029 |
xyY | 0.299, 0.318, 66.312 |
CIE-LCH | 85.155, 6.257, 256.593 |
CIE-LUV | 85.155, -5.999, -9.134 |
Hunter-Lab | 81.432, -5.724, -1.266 |
Binary | 11001100, 11010110, 11100000 |
Color Schemes with #ccd6e0
Alternatives to #ccd6e0
Below, you can see some colors close to #ccd6e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd6e0 Preview
This text has a font color of #ccd6e0.
<span style="color:#ccd6e0;">Text here</span>
This paragraph has a background color of #ccd6e0.
<p style="background-color:#ccd6e0;">Content here</p>
This element has a border color of #ccd6e0.
<div style="border:1px solid #ccd6e0;">Content here</div>
.text {color:#ccd6e0;}
.background {background-color:#ccd6e0;}
.border {border:1px solid #ccd6e0;}
Shades and Tints of #ccd6e0
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)
-
#0d1216
#0d1216
rgb(13,18,22)
-
#151c22
#151c22
rgb(21,28,34)
-
#1c252f
#1c252f
rgb(28,37,47)
-
#242f3b
#242f3b
rgb(36,47,59)
-
#2b3947
#2b3947
rgb(43,57,71)
-
#334353
#334353
rgb(51,67,83)
-
#3a4d5f
#3a4d5f
rgb(58,77,95)
-
#41576c
#41576c
rgb(65,87,108)
-
#496078
#496078
rgb(73,96,120)
-
#506a84
#506a84
rgb(80,106,132)
-
#587490
#587490
rgb(88,116,144)
-
#5f7e9c
#5f7e9c
rgb(95,126,156)
-
#6a88a5
#6a88a5
rgb(106,136,165)
-
#7791ac
#7791ac
rgb(119,145,172)
-
#839bb4
#839bb4
rgb(131,155,180)
-
#8fa5bb
#8fa5bb
rgb(143,165,187)
-
#9bafc2
#9bafc2
rgb(155,175,194)
-
#a7b9ca
#a7b9ca
rgb(167,185,202)
-
#b4c2d1
#b4c2d1
rgb(180,194,209)
-
#c0ccd9
#c0ccd9
rgb(192,204,217)
-
#ccd6e0
#ccd6e0
rgb(204,214,224)
-
#d8e0e7
#d8e0e7
rgb(216,224,231)
-
#e4eaef
#e4eaef
rgb(228,234,239)
-
#f1f3f6
#f1f3f6
rgb(241,243,246)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #ccd6e0
A tone is produced by adding gray to any pure hue. In this case, #d5d6d7 is the less saturated color, while #b0d6fc is the most saturated one.
-
#d5d6d7
#d5d6d7
rgb(213,214,215)
-
#d2d6da
#d2d6da
rgb(210,214,218)
-
#cfd6dd
#cfd6dd
rgb(207,214,221)
-
#ccd6e0
#ccd6e0
rgb(204,214,224)
-
#c9d6e3
#c9d6e3
rgb(201,214,227)
-
#c6d6e6
#c6d6e6
rgb(198,214,230)
-
#c3d6e9
#c3d6e9
rgb(195,214,233)
-
#bfd6ed
#bfd6ed
rgb(191,214,237)
-
#bcd6f0
#bcd6f0
rgb(188,214,240)
-
#b9d6f3
#b9d6f3
rgb(185,214,243)
-
#b6d6f6
#b6d6f6
rgb(182,214,246)
-
#b3d6f9
#b3d6f9
rgb(179,214,249)
-
#b0d6fc
#b0d6fc
rgb(176,214,252)
Color Blindness Simulator
Below, you can see how #ccd6e0 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.