#ccced1 Color Information
In a RGB color space, hex #ccced1 is composed of 80% red, 80.8% green and 82% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 1.4% magenta, 0% yellow and 18% black. It has a hue angle of 216 degrees, a saturation of 5.2% and a lightness of 81%. #ccced1 color hex could be obtained by blending #ffffff with #999da3. Closest websafe color is: #cccccc.
-
- R 80
- G 81
- B 82
-
- C 2
- M 1
- Y 0
- K 18
● #ccced1 color description : Grayish blue.
#ccced1 Color Conversion
The hexadecimal color #ccced1 has RGB values of R:204, G:206, B:209 and CMYK values of C:0.02, M:0.01, Y:0, K:0.18. Its decimal value is 13422289.
Hex triplet | ccced1 | #ccced1 |
---|---|---|
RGB Decimal | 204, 206, 209 | rgb(204,206,209) |
RGB Percent | 80, 80.8, 82 | rgb(80%,80.8%,82%) |
CMYK | 2, 1, 0, 18 | |
HSL | 216°, 5.2, 81 | hsl(216,5.2%,81%) |
HSV (or HSB) | 216°, 2.4, 82 | |
Web Safe | cccccc | #cccccc |
CIE-LAB | 82.691, -0.13, -1.733 |
---|---|
XYZ | 58.48, 61.583, 69.124 |
xyY | 0.309, 0.326, 61.583 |
CIE-LCH | 82.691, 1.738, 265.727 |
CIE-LUV | 82.691, -1.294, -2.606 |
Hunter-Lab | 78.475, -4.313, 2.707 |
Binary | 11001100, 11001110, 11010001 |
Color Schemes with #ccced1
Alternatives to #ccced1
Below, you can see some colors close to #ccced1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccced1 Preview
This text has a font color of #ccced1.
<span style="color:#ccced1;">Text here</span>
This paragraph has a background color of #ccced1.
<p style="background-color:#ccced1;">Content here</p>
This element has a border color of #ccced1.
<div style="border:1px solid #ccced1;">Content here</div>
.text {color:#ccced1;}
.background {background-color:#ccced1;}
.border {border:1px solid #ccced1;}
Shades and Tints of #ccced1
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, #010101 is the darkest color, while #f5f6f6 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0a0a0b
#0a0a0b
rgb(10,10,11)
-
#131415
#131415
rgb(19,20,21)
-
#1c1e20
#1c1e20
rgb(28,30,32)
-
#26272a
#26272a
rgb(38,39,42)
-
#2f3134
#2f3134
rgb(47,49,52)
-
#383b3e
#383b3e
rgb(56,59,62)
-
#424449
#424449
rgb(66,68,73)
-
#4b4e53
#4b4e53
rgb(75,78,83)
-
#54585d
#54585d
rgb(84,88,93)
-
#5e6268
#5e6268
rgb(94,98,104)
-
#676b72
#676b72
rgb(103,107,114)
-
#70757c
#70757c
rgb(112,117,124)
-
#797f87
#797f87
rgb(121,127,135)
-
#848990
#848990
rgb(132,137,144)
-
#8e9399
#8e9399
rgb(142,147,153)
-
#989ca2
#989ca2
rgb(152,156,162)
-
#a3a6ac
#a3a6ac
rgb(163,166,172)
-
#adb0b5
#adb0b5
rgb(173,176,181)
-
#b7babe
#b7babe
rgb(183,186,190)
-
#c2c4c8
#c2c4c8
rgb(194,196,200)
-
#ccced1
#ccced1
rgb(204,206,209)
-
#d6d8da
#d6d8da
rgb(214,216,218)
-
#e1e2e4
#e1e2e4
rgb(225,226,228)
-
#ebeced
#ebeced
rgb(235,236,237)
-
#f5f6f6
#f5f6f6
rgb(245,246,246)
Tones of #ccced1
A tone is produced by adding gray to any pure hue. In this case, #ccced1 is the less saturated color, while #9fc5fe is the most saturated one.
-
#ccced1
#ccced1
rgb(204,206,209)
-
#c8cdd5
#c8cdd5
rgb(200,205,213)
-
#c5cdd8
#c5cdd8
rgb(197,205,216)
-
#c1ccdc
#c1ccdc
rgb(193,204,220)
-
#bdcbe0
#bdcbe0
rgb(189,203,224)
-
#b9cae4
#b9cae4
rgb(185,202,228)
-
#b6cae7
#b6cae7
rgb(182,202,231)
-
#b2c9eb
#b2c9eb
rgb(178,201,235)
-
#aec8ef
#aec8ef
rgb(174,200,239)
-
#aac7f3
#aac7f3
rgb(170,199,243)
-
#a7c7f6
#a7c7f6
rgb(167,199,246)
-
#a3c6fa
#a3c6fa
rgb(163,198,250)
-
#9fc5fe
#9fc5fe
rgb(159,197,254)
Color Blindness Simulator
Below, you can see how #ccced1 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.