#ceced4 hex color

In a RGB color space, hex #ceced4 is composed of 80.8% red, 80.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 2.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 240 degrees, a saturation of 6.5% and a lightness of 82%. #ceced4 color hex could be obtained by blending #ffffff with #9d9da9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 81
- B 83
RGB color chart
- C 3
- M 3
- Y 0
- K 17
CMYK color chart

● #ceced4 color description : Grayish blue.

The hexadecimal color #ceced4 has RGB values of R:206, G:206, B:212 and CMYK values of C:0.03, M:0.03, Y:0, K:0.17. Its decimal value is 13553364.

Hex triplet	ceced4	`#ceced4`
RGB Decimal	206, 206, 212	`rgb(206,206,212)`
RGB Percent	80.8, 80.8, 83.1	`rgb(80.8%,80.8%,83.1%)`
CMYK	3, 3, 0, 17
HSL	240°, 6.5, 82	`hsl(240,6.5%,82%)`
HSV (or HSB)	240°, 2.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.923, 1.107, -2.977
XYZ	59.406, 62.018, 71.125
xyY	0.309, 0.322, 62.018
CIE-LCH	82.923, 3.176, 290.399
CIE-LUV	82.923, -0.345, -4.723
Hunter-Lab	78.751, -3.163, 1.578
Binary	11001110, 11001110, 11010100

#ceced4
```
#ceced4 rgb(206,206,212)
```
#d4d4ce
```
#d4d4ce rgb(212,212,206)
```

Complementary Color

#ced1d4
```
#ced1d4 rgb(206,209,212)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#d1ced4
```
#d1ced4 rgb(209,206,212)
```

Analogous Color

#d1d4ce
```
#d1d4ce rgb(209,212,206)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#d4d1ce
```
#d4d1ce rgb(212,209,206)
```

Split Complementary Color

#ced4ce
```
#ced4ce rgb(206,212,206)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#d4cece
```
#d4cece rgb(212,206,206)
```

Triadic Color

#ced4d4
```
#ced4d4 rgb(206,212,212)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#d4cece
```
#d4cece rgb(212,206,206)
```
#d4d4ce
```
#d4d4ce rgb(212,212,206)
```

Tetradic Color

#a5a5b0
```
#a5a5b0 rgb(165,165,176)
```
#b3b3bc
```
#b3b3bc rgb(179,179,188)
```
#c0c0c8
```
#c0c0c8 rgb(192,192,200)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#dcdce0
```
#dcdce0 rgb(220,220,224)
```
#e9e9ec
```
#e9e9ec rgb(233,233,236)
```
#f7f7f8
```
#f7f7f8 rgb(247,247,248)
```

Monochromatic Color

Below, you can see some colors close to #ceced4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#ced0d4
```
#ced0d4 rgb(206,208,212)
```
#cecfd4
```
#cecfd4 rgb(206,207,212)
```
#cecfd4
```
#cecfd4 rgb(206,207,212)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#cfced4
```
#cfced4 rgb(207,206,212)
```
#cfced4
```
#cfced4 rgb(207,206,212)
```
#d0ced4
```
#d0ced4 rgb(208,206,212)
```

Similar Colors

Text with hexadecimal color #ceced4

This text has a font color of #ceced4.

<span style="color:#ceced4;">Text here</span>

#ceced4 background color

This paragraph has a background color of #ceced4.

<p style="background-color:#ceced4;">Content here</p>

#ceced4 border color

This element has a border color of #ceced4.

<div style="border:1px solid #ceced4;">Content here</div>

CSS codes

.text {color:#ceced4;}

.background {background-color:#ceced4;}

.border {border:1px solid #ceced4;}

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, #030303 is the darkest color, while #f8f8f9 is the lightest one.

#030303
```
#030303 rgb(3,3,3)
```
#0c0c0e
```
#0c0c0e rgb(12,12,14)
```
#151518
```
#151518 rgb(21,21,24)
```
#1e1e23
```
#1e1e23 rgb(30,30,35)
```
#28282d
```
#28282d rgb(40,40,45)
```
#313137
```
#313137 rgb(49,49,55)
```
#3a3a42
```
#3a3a42 rgb(58,58,66)
```
#43434c
```
#43434c rgb(67,67,76)
```
#4c4c57
```
#4c4c57 rgb(76,76,87)
```
#555561
```
#555561 rgb(85,85,97)
```
#5f5f6c
```
#5f5f6c rgb(95,95,108)
```
#686876
```
#686876 rgb(104,104,118)
```
#717181
```
#717181 rgb(113,113,129)
```

Shade Color Variation

#7a7a8b
```
#7a7a8b rgb(122,122,139)
```
#858594
```
#858594 rgb(133,133,148)
```
#8f8f9d
```
#8f8f9d rgb(143,143,157)
```
#9a9aa6
```
#9a9aa6 rgb(154,154,166)
```
#a4a4af
```
#a4a4af rgb(164,164,175)
```
#afafb8
```
#afafb8 rgb(175,175,184)
```
#b9b9c2
```
#b9b9c2 rgb(185,185,194)
```
#c4c4cb
```
#c4c4cb rgb(196,196,203)
```
#ceced4
```
#ceced4 rgb(206,206,212)
```
#d8d8dd
```
#d8d8dd rgb(216,216,221)
```
#e3e3e6
```
#e3e3e6 rgb(227,227,230)
```
#ededf0
```
#ededf0 rgb(237,237,240)
```
#f8f8f9
```
#f8f8f9 rgb(248,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #ceced4 is the less saturated color, while #a4a4fe is the most saturated one.

#ceced4
```
#ceced4 rgb(206,206,212)
```
#cacad8
```
#cacad8 rgb(202,202,216)
```
#c7c7db
```
#c7c7db rgb(199,199,219)
```
#c3c3df
```
#c3c3df rgb(195,195,223)
```
#c0c0e2
```
#c0c0e2 rgb(192,192,226)
```
#bcbce6
```
#bcbce6 rgb(188,188,230)
```
#b9b9e9
```
#b9b9e9 rgb(185,185,233)
```
#b5b5ed
```
#b5b5ed rgb(181,181,237)
```
#b2b2f0
```
#b2b2f0 rgb(178,178,240)
```
#aeaef4
```
#aeaef4 rgb(174,174,244)
```
#ababf7
```
#ababf7 rgb(171,171,247)
```
#a7a7fb
```
#a7a7fb rgb(167,167,251)
```
#a4a4fe
```
#a4a4fe rgb(164,164,254)
```

Tone Color Variation

Below, you can see how #ceced4 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.

Monochromacy

#cfcfcf Achromatopsia 0.005% of the population
#cfcfd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cfd5 Protanopia 1% of men
#e0cbd7 Deuteranopia 1% of men
#d2cfde Tritanopia 0.001% of the population

Trichromacy

#d1cfd5 Protanomaly 1% of men, 0.01% of women
#daccd6 Deuteranomaly 6% of men, 0.4% of women
#d0ceda Tritanomaly 0.01% of the population

#ceced4 hex color

#ceced4 Color Information

#ceced4 Color Conversion

Color Schemes with #ceced4

Alternatives to #ceced4

#ceced4 Preview

Shades and Tints of #ceced4

Tones of #ceced4

Color Blindness Simulator