#ced1da hex color

In a RGB color space, hex #ced1da is composed of 80.8% red, 82% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 4.1% magenta, 0% yellow and 14.5% black. It has a hue angle of 225 degrees, a saturation of 14% and a lightness of 83.1%. #ced1da color hex could be obtained by blending #ffffff with #9da3b5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 82
- B 85
RGB color chart
- C 6
- M 4
- Y 0
- K 15
CMYK color chart

● #ced1da color description : Light grayish blue.

The hexadecimal color #ced1da has RGB values of R:206, G:209, B:218 and CMYK values of C:0.06, M:0.04, Y:0, K:0.15. Its decimal value is 13554138.

Hex triplet	ced1da	`#ced1da`
RGB Decimal	206, 209, 218	`rgb(206,209,218)`
RGB Percent	80.8, 82, 85.5	`rgb(80.8%,82%,85.5%)`
CMYK	6, 4, 0, 15
HSL	225°, 14, 83.1	`hsl(225,14%,83.1%)`
HSV (or HSB)	225°, 5.5, 85.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.853, 0.665, -4.805
XYZ	60.907, 63.784, 75.429
xyY	0.304, 0.319, 63.784
CIE-LCH	83.853, 4.85, 277.878
CIE-LUV	83.853, -2.172, -7.476
Hunter-Lab	79.865, -3.637, -0.091
Binary	11001110, 11010001, 11011010

#ced1da
```
#ced1da rgb(206,209,218)
```
#dad7ce
```
#dad7ce rgb(218,215,206)
```

Complementary Color

#ced7da
```
#ced7da rgb(206,215,218)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#d1ceda
```
#d1ceda rgb(209,206,218)
```

Analogous Color

#d7dace
```
#d7dace rgb(215,218,206)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#dad1ce
```
#dad1ce rgb(218,209,206)
```

Split Complementary Color

#d1dace
```
#d1dace rgb(209,218,206)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#daced1
```
#daced1 rgb(218,206,209)
```

Triadic Color

#cedad7
```
#cedad7 rgb(206,218,215)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#daced1
```
#daced1 rgb(218,206,209)
```
#dad7ce
```
#dad7ce rgb(218,215,206)
```

Tetradic Color

#a2a8b9
```
#a2a8b9 rgb(162,168,185)
```
#b1b6c4
```
#b1b6c4 rgb(177,182,196)
```
#bfc3cf
```
#bfc3cf rgb(191,195,207)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#dddfe5
```
#dddfe5 rgb(221,223,229)
```
#ebecf0
```
#ebecf0 rgb(235,236,240)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Monochromatic Color

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

#ced4da
```
#ced4da rgb(206,212,218)
```
#ced3da
```
#ced3da rgb(206,211,218)
```
#ced2da
```
#ced2da rgb(206,210,218)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#ced0da
```
#ced0da rgb(206,208,218)
```
#cecfda
```
#cecfda rgb(206,207,218)
```
#ceceda
```
#ceceda rgb(206,206,218)
```

Similar Colors

Text with hexadecimal color #ced1da

This text has a font color of #ced1da.

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

#ced1da background color

This paragraph has a background color of #ced1da.

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

#ced1da border color

This element has a border color of #ced1da.

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

CSS codes

.text {color:#ced1da;}

.background {background-color:#ced1da;}

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#16181d
```
#16181d rgb(22,24,29)
```
#1f2128
```
#1f2128 rgb(31,33,40)
```
#272a34
```
#272a34 rgb(39,42,52)
```
#2f333f
```
#2f333f rgb(47,51,63)
```
#383c4a
```
#383c4a rgb(56,60,74)
```
#404555
```
#404555 rgb(64,69,85)
```
#494f60
```
#494f60 rgb(73,79,96)
```
#51586b
```
#51586b rgb(81,88,107)
```
#5a6177
```
#5a6177 rgb(90,97,119)
```
#626a82
```
#626a82 rgb(98,106,130)
```
#6a738d
```
#6a738d rgb(106,115,141)
```

Shade Color Variation

#757d96
```
#757d96 rgb(117,125,150)
```
#80889f
```
#80889f rgb(128,136,159)
```
#8b92a7
```
#8b92a7 rgb(139,146,167)
```
#969db0
```
#969db0 rgb(150,157,176)
```
#a1a7b8
```
#a1a7b8 rgb(161,167,184)
```
#acb2c1
```
#acb2c1 rgb(172,178,193)
```
#b8bcc9
```
#b8bcc9 rgb(184,188,201)
```
#c3c7d2
```
#c3c7d2 rgb(195,199,210)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#d9dbe2
```
#d9dbe2 rgb(217,219,226)
```
#e4e6eb
```
#e4e6eb rgb(228,230,235)
```
#f0f0f3
```
#f0f0f3 rgb(240,240,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#d1d3d7
```
#d1d3d7 rgb(209,211,215)
```
#ced1da
```
#ced1da rgb(206,209,218)
```
#cbcfdd
```
#cbcfdd rgb(203,207,221)
```
#c7cee1
```
#c7cee1 rgb(199,206,225)
```
#c4cce4
```
#c4cce4 rgb(196,204,228)
```
#c1cae7
```
#c1cae7 rgb(193,202,231)
```
#bdc9eb
```
#bdc9eb rgb(189,201,235)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#b7c5f1
```
#b7c5f1 rgb(183,197,241)
```
#b4c4f4
```
#b4c4f4 rgb(180,196,244)
```
#b0c2f8
```
#b0c2f8 rgb(176,194,248)
```
#adc0fb
```
#adc0fb rgb(173,192,251)
```
#aabffe
```
#aabffe rgb(170,191,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d2db Protanopia 1% of men
#e2cddd Deuteranopia 1% of men
#d1d2e1 Tritanopia 0.001% of the population

Trichromacy

#d2d1da Protanomaly 1% of men, 0.01% of women
#dacedc Deuteranomaly 6% of men, 0.4% of women
#d0d1de Tritanomaly 0.01% of the population

#ced1da hex color

#ced1da Color Information

#ced1da Color Conversion

Color Schemes with #ced1da

Alternatives to #ced1da

#ced1da Preview

Shades and Tints of #ced1da

Tones of #ced1da

Color Blindness Simulator