#ccd4d2 Color Information
In a RGB color space, hex #ccd4d2 is composed of 80% red, 83.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 0.9% yellow and 16.9% black. It has a hue angle of 165 degrees, a saturation of 8.5% and a lightness of 81.6%. #ccd4d2 color hex could be obtained by blending #ffffff with #99a9a5. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 82
-
- C 4
- M 0
- Y 1
- K 17
● #ccd4d2 color description : Grayish cyan - lime green.
#ccd4d2 Color Conversion
The hexadecimal color #ccd4d2 has RGB values of R:204, G:212, B:210 and CMYK values of C:0.04, M:0, Y:0.01, K:0.17. Its decimal value is 13423826.
Hex triplet | ccd4d2 | #ccd4d2 |
---|---|---|
RGB Decimal | 204, 212, 210 | rgb(204,212,210) |
RGB Percent | 80, 83.1, 82.4 | rgb(80%,83.1%,82.4%) |
CMYK | 4, 0, 1, 17 | |
HSL | 165°, 8.5, 81.6 | hsl(165,8.5%,81.6%) |
HSV (or HSB) | 165°, 3.8, 83.1 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.265, -3.079, 0.037 |
---|---|
XYZ | 60.076, 64.577, 70.269 |
xyY | 0.308, 0.331, 64.577 |
CIE-LCH | 84.265, 3.08, 179.319 |
CIE-LUV | 84.265, -4.354, 0.595 |
Hunter-Lab | 80.36, -7.186, 4.407 |
Binary | 11001100, 11010100, 11010010 |
Color Schemes with #ccd4d2
Alternatives to #ccd4d2
Below, you can see some colors close to #ccd4d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4d2 Preview
This text has a font color of #ccd4d2.
<span style="color:#ccd4d2;">Text here</span>
This paragraph has a background color of #ccd4d2.
<p style="background-color:#ccd4d2;">Content here</p>
This element has a border color of #ccd4d2.
<div style="border:1px solid #ccd4d2;">Content here</div>
.text {color:#ccd4d2;}
.background {background-color:#ccd4d2;}
.border {border:1px solid #ccd4d2;}
Shades and Tints of #ccd4d2
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, #020202 is the darkest color, while #f7f8f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0d0c
#0b0d0c
rgb(11,13,12)
-
#141717
#141717
rgb(20,23,23)
-
#1d2221
#1d2221
rgb(29,34,33)
-
#262d2b
#262d2b
rgb(38,45,43)
-
#2f3735
#2f3735
rgb(47,55,53)
-
#38423f
#38423f
rgb(56,66,63)
-
#414d4a
#414d4a
rgb(65,77,74)
-
#4a5754
#4a5754
rgb(74,87,84)
-
#53625e
#53625e
rgb(83,98,94)
-
#5c6d68
#5c6d68
rgb(92,109,104)
-
#657773
#657773
rgb(101,119,115)
-
#6e827d
#6e827d
rgb(110,130,125)
-
#778c87
#778c87
rgb(119,140,135)
-
#829590
#829590
rgb(130,149,144)
-
#8c9e9a
#8c9e9a
rgb(140,158,154)
-
#97a7a3
#97a7a3
rgb(151,167,163)
-
#a1b0ac
#a1b0ac
rgb(161,176,172)
-
#acb9b6
#acb9b6
rgb(172,185,182)
-
#b7c2bf
#b7c2bf
rgb(183,194,191)
-
#c1cbc9
#c1cbc9
rgb(193,203,201)
-
#ccd4d2
#ccd4d2
rgb(204,212,210)
-
#d7dddb
#d7dddb
rgb(215,221,219)
-
#e1e6e5
#e1e6e5
rgb(225,230,229)
-
#ecefee
#ecefee
rgb(236,239,238)
-
#f7f8f8
#f7f8f8
rgb(247,248,248)
Tones of #ccd4d2
A tone is produced by adding gray to any pure hue. In this case, #d0d0d0 is the less saturated color, while #a4fce6 is the most saturated one.
-
#d0d0d0
#d0d0d0
rgb(208,208,208)
-
#ccd4d2
#ccd4d2
rgb(204,212,210)
-
#c8d8d4
#c8d8d4
rgb(200,216,212)
-
#c5dbd6
#c5dbd6
rgb(197,219,214)
-
#c1dfd7
#c1dfd7
rgb(193,223,215)
-
#bee2d9
#bee2d9
rgb(190,226,217)
-
#bae6db
#bae6db
rgb(186,230,219)
-
#b6eadd
#b6eadd
rgb(182,234,221)
-
#b3eddf
#b3eddf
rgb(179,237,223)
-
#aff1e0
#aff1e0
rgb(175,241,224)
-
#abf5e2
#abf5e2
rgb(171,245,226)
-
#a8f8e4
#a8f8e4
rgb(168,248,228)
-
#a4fce6
#a4fce6
rgb(164,252,230)
Color Blindness Simulator
Below, you can see how #ccd4d2 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.