#ccdde2 Color Information
In a RGB color space, hex #ccdde2 is composed of 80% red, 86.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 2.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.6 degrees, a saturation of 27.5% and a lightness of 84.3%. #ccdde2 color hex could be obtained by blending #ffffff with #99bbc5. Closest websafe color is: #cccccc.
-
- R 80
- G 87
- B 89
-
- C 10
- M 2
- Y 0
- K 11
● #ccdde2 color description : Light grayish cyan.
#ccdde2 Color Conversion
The hexadecimal color #ccdde2 has RGB values of R:204, G:221, B:226 and CMYK values of C:0.1, M:0.02, Y:0, K:0.11. Its decimal value is 13426146.
Hex triplet | ccdde2 | #ccdde2 |
---|---|---|
RGB Decimal | 204, 221, 226 | rgb(204,221,226) |
RGB Percent | 80, 86.7, 88.6 | rgb(80%,86.7%,88.6%) |
CMYK | 10, 2, 0, 11 | |
HSL | 193.6°, 27.5, 84.3 | hsl(193.6,27.5%,84.3%) |
HSV (or HSB) | 193.6°, 9.7, 88.6 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 87.017, -4.693, -4.398 |
---|---|
XYZ | 64.483, 70.041, 82.069 |
xyY | 0.298, 0.323, 70.041 |
CIE-LCH | 87.017, 6.432, 223.145 |
CIE-LUV | 87.017, -9.463, -5.967 |
Hunter-Lab | 83.69, -8.924, 0.442 |
Binary | 11001100, 11011101, 11100010 |
Color Schemes with #ccdde2
Alternatives to #ccdde2
Below, you can see some colors close to #ccdde2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccdde2 Preview
This text has a font color of #ccdde2.
<span style="color:#ccdde2;">Text here</span>
This paragraph has a background color of #ccdde2.
<p style="background-color:#ccdde2;">Content here</p>
This element has a border color of #ccdde2.
<div style="border:1px solid #ccdde2;">Content here</div>
.text {color:#ccdde2;}
.background {background-color:#ccdde2;}
.border {border:1px solid #ccdde2;}
Shades and Tints of #ccdde2
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, #070a0c is the darkest color, while #fefefe is the lightest one.
-
#070a0c
#070a0c
rgb(7,10,12)
-
#0e1618
#0e1618
rgb(14,22,24)
-
#152125
#152125
rgb(21,33,37)
-
#1c2c31
#1c2c31
rgb(28,44,49)
-
#23383e
#23383e
rgb(35,56,62)
-
#2a434a
#2a434a
rgb(42,67,74)
-
#314e57
#314e57
rgb(49,78,87)
-
#385963
#385963
rgb(56,89,99)
-
#3f6570
#3f6570
rgb(63,101,112)
-
#47707c
#47707c
rgb(71,112,124)
-
#4e7b89
#4e7b89
rgb(78,123,137)
-
#558695
#558695
rgb(85,134,149)
-
#5c92a2
#5c92a2
rgb(92,146,162)
-
#689aa9
#689aa9
rgb(104,154,169)
-
#74a3b0
#74a3b0
rgb(116,163,176)
-
#81abb7
#81abb7
rgb(129,171,183)
-
#8db3be
#8db3be
rgb(141,179,190)
-
#9abcc6
#9abcc6
rgb(154,188,198)
-
#a6c4cd
#a6c4cd
rgb(166,196,205)
-
#b3ccd4
#b3ccd4
rgb(179,204,212)
-
#bfd5db
#bfd5db
rgb(191,213,219)
-
#ccdde2
#ccdde2
rgb(204,221,226)
-
#d9e5e9
#d9e5e9
rgb(217,229,233)
-
#e5eef0
#e5eef0
rgb(229,238,240)
-
#f2f6f7
#f2f6f7
rgb(242,246,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #ccdde2
A tone is produced by adding gray to any pure hue. In this case, #d5d8d9 is the less saturated color, while #b0ecfe is the most saturated one.
-
#d5d8d9
#d5d8d9
rgb(213,216,217)
-
#d2dadc
#d2dadc
rgb(210,218,220)
-
#cfdbdf
#cfdbdf
rgb(207,219,223)
-
#ccdde2
#ccdde2
rgb(204,221,226)
-
#c9dfe5
#c9dfe5
rgb(201,223,229)
-
#c6e0e8
#c6e0e8
rgb(198,224,232)
-
#c3e2eb
#c3e2eb
rgb(195,226,235)
-
#c0e4ee
#c0e4ee
rgb(192,228,238)
-
#bde5f1
#bde5f1
rgb(189,229,241)
-
#bae7f4
#bae7f4
rgb(186,231,244)
-
#b6e9f8
#b6e9f8
rgb(182,233,248)
-
#b3eafb
#b3eafb
rgb(179,234,251)
-
#b0ecfe
#b0ecfe
rgb(176,236,254)
Color Blindness Simulator
Below, you can see how #ccdde2 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.