#ccd4d3 Color Information
In a RGB color space, hex #ccd4d3 is composed of 80% red, 83.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 0.5% yellow and 16.9% black. It has a hue angle of 172.5 degrees, a saturation of 8.5% and a lightness of 81.6%. #ccd4d3 color hex could be obtained by blending #ffffff with #99a9a7. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 83
-
- C 4
- M 0
- Y 0
- K 17
● #ccd4d3 color description : Grayish cyan.
#ccd4d3 Color Conversion
The hexadecimal color #ccd4d3 has RGB values of R:204, G:212, B:211 and CMYK values of C:0.04, M:0, Y:0, K:0.17. Its decimal value is 13423827.
Hex triplet | ccd4d3 | #ccd4d3 |
---|---|---|
RGB Decimal | 204, 212, 211 | rgb(204,212,211) |
RGB Percent | 80, 83.1, 82.7 | rgb(80%,83.1%,82.7%) |
CMYK | 4, 0, 0, 17 | |
HSL | 172.5°, 8.5, 81.6 | hsl(172.5,8.5%,81.6%) |
HSV (or HSB) | 172.5°, 3.8, 83.1 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.291, -2.894, -0.457 |
---|---|
XYZ | 60.201, 64.627, 70.927 |
xyY | 0.308, 0.33, 64.627 |
CIE-LCH | 84.291, 2.929, 188.971 |
CIE-LUV | 84.291, -4.402, -0.187 |
Hunter-Lab | 80.391, -7.014, 3.963 |
Binary | 11001100, 11010100, 11010011 |
Color Schemes with #ccd4d3
Alternatives to #ccd4d3
Below, you can see some colors close to #ccd4d3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd4d3 Preview
This text has a font color of #ccd4d3.
<span style="color:#ccd4d3;">Text here</span>
This paragraph has a background color of #ccd4d3.
<p style="background-color:#ccd4d3;">Content here</p>
This element has a border color of #ccd4d3.
<div style="border:1px solid #ccd4d3;">Content here</div>
.text {color:#ccd4d3;}
.background {background-color:#ccd4d3;}
.border {border:1px solid #ccd4d3;}
Shades and Tints of #ccd4d3
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)
-
#0b0d0d
#0b0d0d
rgb(11,13,13)
-
#141717
#141717
rgb(20,23,23)
-
#1d2221
#1d2221
rgb(29,34,33)
-
#262d2c
#262d2c
rgb(38,45,44)
-
#2f3736
#2f3736
rgb(47,55,54)
-
#384241
#384241
rgb(56,66,65)
-
#414d4b
#414d4b
rgb(65,77,75)
-
#4a5756
#4a5756
rgb(74,87,86)
-
#536260
#536260
rgb(83,98,96)
-
#5c6d6b
#5c6d6b
rgb(92,109,107)
-
#657775
#657775
rgb(101,119,117)
-
#6e827f
#6e827f
rgb(110,130,127)
-
#778c8a
#778c8a
rgb(119,140,138)
-
#829593
#829593
rgb(130,149,147)
-
#8c9e9c
#8c9e9c
rgb(140,158,156)
-
#97a7a5
#97a7a5
rgb(151,167,165)
-
#a1b0ae
#a1b0ae
rgb(161,176,174)
-
#acb9b7
#acb9b7
rgb(172,185,183)
-
#b7c2c1
#b7c2c1
rgb(183,194,193)
-
#c1cbca
#c1cbca
rgb(193,203,202)
-
#ccd4d3
#ccd4d3
rgb(204,212,211)
-
#d7dddc
#d7dddc
rgb(215,221,220)
-
#e1e6e5
#e1e6e5
rgb(225,230,229)
-
#ecefef
#ecefef
rgb(236,239,239)
-
#f7f8f8
#f7f8f8
rgb(247,248,248)
Tones of #ccd4d3
A tone is produced by adding gray to any pure hue. In this case, #d0d0d0 is the less saturated color, while #a4fcf1 is the most saturated one.
-
#d0d0d0
#d0d0d0
rgb(208,208,208)
-
#ccd4d3
#ccd4d3
rgb(204,212,211)
-
#c8d8d6
#c8d8d6
rgb(200,216,214)
-
#c5dbd8
#c5dbd8
rgb(197,219,216)
-
#c1dfdb
#c1dfdb
rgb(193,223,219)
-
#bee2de
#bee2de
rgb(190,226,222)
-
#bae6e1
#bae6e1
rgb(186,230,225)
-
#b6eae3
#b6eae3
rgb(182,234,227)
-
#b3ede6
#b3ede6
rgb(179,237,230)
-
#aff1e9
#aff1e9
rgb(175,241,233)
-
#abf5eb
#abf5eb
rgb(171,245,235)
-
#a8f8ee
#a8f8ee
rgb(168,248,238)
-
#a4fcf1
#a4fcf1
rgb(164,252,241)
Color Blindness Simulator
Below, you can see how #ccd4d3 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.