#ccd4d1 Color Information
In a RGB color space, hex #ccd4d1 is composed of 80% red, 83.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 1.4% yellow and 16.9% black. It has a hue angle of 157.5 degrees, a saturation of 8.5% and a lightness of 81.6%. #ccd4d1 color hex could be obtained by blending #ffffff with #99a9a3. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 82
-
- C 4
- M 0
- Y 1
- K 17
● #ccd4d1 color description : Grayish cyan - lime green.
#ccd4d1 Color Conversion
The hexadecimal color #ccd4d1 has RGB values of R:204, G:212, B:209 and CMYK values of C:0.04, M:0, Y:0.01, K:0.17. Its decimal value is 13423825.
Hex triplet | ccd4d1 | #ccd4d1 |
---|---|---|
RGB Decimal | 204, 212, 209 | rgb(204,212,209) |
RGB Percent | 80, 83.1, 82 | rgb(80%,83.1%,82%) |
CMYK | 4, 0, 1, 17 | |
HSL | 157.5°, 8.5, 81.6 | hsl(157.5,8.5%,81.6%) |
HSV (or HSB) | 157.5°, 3.8, 83.1 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.24, -3.265, 0.53 |
---|---|
XYZ | 59.952, 64.527, 69.615 |
xyY | 0.309, 0.332, 64.527 |
CIE-LCH | 84.24, 3.307, 170.774 |
CIE-LUV | 84.24, -4.306, 1.374 |
Hunter-Lab | 80.329, -7.356, 4.848 |
Binary | 11001100, 11010100, 11010001 |
Color Schemes with #ccd4d1
Alternatives to #ccd4d1
Below, you can see some colors close to #ccd4d1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4d1 Preview
This text has a font color of #ccd4d1.
<span style="color:#ccd4d1;">Text here</span>
This paragraph has a background color of #ccd4d1.
<p style="background-color:#ccd4d1;">Content here</p>
This element has a border color of #ccd4d1.
<div style="border:1px solid #ccd4d1;">Content here</div>
.text {color:#ccd4d1;}
.background {background-color:#ccd4d1;}
.border {border:1px solid #ccd4d1;}
Shades and Tints of #ccd4d1
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 #f7f8f7 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0b0d0c
#0b0d0c
rgb(11,13,12)
-
#141716
#141716
rgb(20,23,22)
-
#1d2220
#1d2220
rgb(29,34,32)
-
#262d2a
#262d2a
rgb(38,45,42)
-
#2f3734
#2f3734
rgb(47,55,52)
-
#38423e
#38423e
rgb(56,66,62)
-
#414d48
#414d48
rgb(65,77,72)
-
#4a5752
#4a5752
rgb(74,87,82)
-
#53625c
#53625c
rgb(83,98,92)
-
#5c6d66
#5c6d66
rgb(92,109,102)
-
#657770
#657770
rgb(101,119,112)
-
#6e827a
#6e827a
rgb(110,130,122)
-
#778c84
#778c84
rgb(119,140,132)
-
#82958e
#82958e
rgb(130,149,142)
-
#8c9e97
#8c9e97
rgb(140,158,151)
-
#97a7a1
#97a7a1
rgb(151,167,161)
-
#a1b0ab
#a1b0ab
rgb(161,176,171)
-
#acb9b4
#acb9b4
rgb(172,185,180)
-
#b7c2be
#b7c2be
rgb(183,194,190)
-
#c1cbc7
#c1cbc7
rgb(193,203,199)
-
#ccd4d1
#ccd4d1
rgb(204,212,209)
-
#d7dddb
#d7dddb
rgb(215,221,219)
-
#e1e6e4
#e1e6e4
rgb(225,230,228)
-
#ecefee
#ecefee
rgb(236,239,238)
-
#f7f8f7
#f7f8f7
rgb(247,248,247)
Tones of #ccd4d1
A tone is produced by adding gray to any pure hue. In this case, #d0d0d0 is the less saturated color, while #a4fcdb is the most saturated one.
-
#d0d0d0
#d0d0d0
rgb(208,208,208)
-
#ccd4d1
#ccd4d1
rgb(204,212,209)
-
#c8d8d2
#c8d8d2
rgb(200,216,210)
-
#c5dbd3
#c5dbd3
rgb(197,219,211)
-
#c1dfd4
#c1dfd4
rgb(193,223,212)
-
#bee2d5
#bee2d5
rgb(190,226,213)
-
#bae6d6
#bae6d6
rgb(186,230,214)
-
#b6ead6
#b6ead6
rgb(182,234,214)
-
#b3edd7
#b3edd7
rgb(179,237,215)
-
#aff1d8
#aff1d8
rgb(175,241,216)
-
#abf5d9
#abf5d9
rgb(171,245,217)
-
#a8f8da
#a8f8da
rgb(168,248,218)
-
#a4fcdb
#a4fcdb
rgb(164,252,219)
Color Blindness Simulator
Below, you can see how #ccd4d1 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.