#ccd3d4 Color Information
In a RGB color space, hex #ccd3d4 is composed of 80% red, 82.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 187.5 degrees, a saturation of 8.5% and a lightness of 81.6%. #ccd3d4 color hex could be obtained by blending #ffffff with #99a7a9. Closest websafe color is: #cccccc.
-
- R 80
- G 83
- B 83
-
- C 4
- M 0
- Y 0
- K 17
● #ccd3d4 color description : Grayish cyan.
#ccd3d4 Color Conversion
The hexadecimal color #ccd3d4 has RGB values of R:204, G:211, B:212 and CMYK values of C:0.04, M:0, Y:0, K:0.17. Its decimal value is 13423572.
Hex triplet | ccd3d4 | #ccd3d4 |
---|---|---|
RGB Decimal | 204, 211, 212 | rgb(204,211,212) |
RGB Percent | 80, 82.7, 83.1 | rgb(80%,82.7%,83.1%) |
CMYK | 4, 0, 0, 17 | |
HSL | 187.5°, 8.5, 81.6 | hsl(187.5,8.5%,81.6%) |
HSV (or HSB) | 187.5°, 3.8, 83.1 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 84.059, -2.186, -1.328 |
---|---|
XYZ | 60.077, 64.179, 71.506 |
xyY | 0.307, 0.328, 64.179 |
CIE-LCH | 84.059, 2.558, 211.283 |
CIE-LUV | 84.059, -3.951, -1.636 |
Hunter-Lab | 80.112, -6.335, 3.157 |
Binary | 11001100, 11010011, 11010100 |
Color Schemes with #ccd3d4
Alternatives to #ccd3d4
Below, you can see some colors close to #ccd3d4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd3d4 Preview
This text has a font color of #ccd3d4.
<span style="color:#ccd3d4;">Text here</span>
This paragraph has a background color of #ccd3d4.
<p style="background-color:#ccd3d4;">Content here</p>
This element has a border color of #ccd3d4.
<div style="border:1px solid #ccd3d4;">Content here</div>
.text {color:#ccd3d4;}
.background {background-color:#ccd3d4;}
.border {border:1px solid #ccd3d4;}
Shades and Tints of #ccd3d4
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)
-
#1d2122
#1d2122
rgb(29,33,34)
-
#262c2d
#262c2d
rgb(38,44,45)
-
#2f3637
#2f3637
rgb(47,54,55)
-
#384142
#384142
rgb(56,65,66)
-
#414b4d
#414b4d
rgb(65,75,77)
-
#4a5657
#4a5657
rgb(74,86,87)
-
#536062
#536062
rgb(83,96,98)
-
#5c6b6d
#5c6b6d
rgb(92,107,109)
-
#657577
#657577
rgb(101,117,119)
-
#6e7f82
#6e7f82
rgb(110,127,130)
-
#778a8c
#778a8c
rgb(119,138,140)
-
#829395
#829395
rgb(130,147,149)
-
#8c9c9e
#8c9c9e
rgb(140,156,158)
-
#97a5a7
#97a5a7
rgb(151,165,167)
-
#a1aeb0
#a1aeb0
rgb(161,174,176)
-
#acb7b9
#acb7b9
rgb(172,183,185)
-
#b7c1c2
#b7c1c2
rgb(183,193,194)
-
#c1cacb
#c1cacb
rgb(193,202,203)
-
#ccd3d4
#ccd3d4
rgb(204,211,212)
-
#d7dcdd
#d7dcdd
rgb(215,220,221)
-
#e1e5e6
#e1e5e6
rgb(225,229,230)
-
#ecefef
#ecefef
rgb(236,239,239)
-
#f7f8f8
#f7f8f8
rgb(247,248,248)
Tones of #ccd3d4
A tone is produced by adding gray to any pure hue. In this case, #d0d0d0 is the less saturated color, while #a4f1fc is the most saturated one.
-
#d0d0d0
#d0d0d0
rgb(208,208,208)
-
#ccd3d4
#ccd3d4
rgb(204,211,212)
-
#c8d6d8
#c8d6d8
rgb(200,214,216)
-
#c5d8db
#c5d8db
rgb(197,216,219)
-
#c1dbdf
#c1dbdf
rgb(193,219,223)
-
#bedee2
#bedee2
rgb(190,222,226)
-
#bae1e6
#bae1e6
rgb(186,225,230)
-
#b6e3ea
#b6e3ea
rgb(182,227,234)
-
#b3e6ed
#b3e6ed
rgb(179,230,237)
-
#afe9f1
#afe9f1
rgb(175,233,241)
-
#abebf5
#abebf5
rgb(171,235,245)
-
#a8eef8
#a8eef8
rgb(168,238,248)
-
#a4f1fc
#a4f1fc
rgb(164,241,252)
Color Blindness Simulator
Below, you can see how #ccd3d4 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.