#ced1df hex color

In a RGB color space, hex #ced1df is composed of 80.8% red, 82% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 7.6% cyan, 6.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 229.4 degrees, a saturation of 21% and a lightness of 84.1%. #ced1df color hex could be obtained by blending #ffffff with #9da3bf. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 82
- B 87
RGB color chart
- C 8
- M 6
- Y 0
- K 13
CMYK color chart

● #ced1df color description : Light grayish blue.

The hexadecimal color #ced1df has RGB values of R:206, G:209, B:223 and CMYK values of C:0.08, M:0.06, Y:0, K:0.13. Its decimal value is 13554143.

Hex triplet	ced1df	`#ced1df`
RGB Decimal	206, 209, 223	`rgb(206,209,223)`
RGB Percent	80.8, 82, 87.5	`rgb(80.8%,82%,87.5%)`
CMYK	8, 6, 0, 13
HSL	229.4°, 21, 84.1	`hsl(229.4,21%,84.1%)`
HSV (or HSB)	229.4°, 7.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.992, 1.629, -7.261
XYZ	61.571, 64.05, 78.927
xyY	0.301, 0.313, 64.05
CIE-LCH	83.992, 7.441, 282.649
CIE-LUV	83.992, -2.444, -11.476
Hunter-Lab	80.031, -2.729, -2.45
Binary	11001110, 11010001, 11011111

#ced1df
```
#ced1df rgb(206,209,223)
```
#dfdcce
```
#dfdcce rgb(223,220,206)
```

Complementary Color

#cedadf
```
#cedadf rgb(206,218,223)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#d4cedf
```
#d4cedf rgb(212,206,223)
```

Analogous Color

#dadfce
```
#dadfce rgb(218,223,206)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dfd4ce
```
#dfd4ce rgb(223,212,206)
```

Split Complementary Color

#d1dfce
```
#d1dfce rgb(209,223,206)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dfced1
```
#dfced1 rgb(223,206,209)
```

Triadic Color

#cedfdc
```
#cedfdc rgb(206,223,220)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dfced1
```
#dfced1 rgb(223,206,209)
```
#dfdcce
```
#dfdcce rgb(223,220,206)
```

Tetradic Color

#a0a6c1
```
#a0a6c1 rgb(160,166,193)
```
#afb4cb
```
#afb4cb rgb(175,180,203)
```
#bfc3d5
```
#bfc3d5 rgb(191,195,213)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dddfe9
```
#dddfe9 rgb(221,223,233)
```
#edeef3
```
#edeef3 rgb(237,238,243)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Monochromatic Color

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

#ced5df
```
#ced5df rgb(206,213,223)
```
#ced4df
```
#ced4df rgb(206,212,223)
```
#ced2df
```
#ced2df rgb(206,210,223)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#ced0df
```
#ced0df rgb(206,208,223)
```
#cecedf
```
#cecedf rgb(206,206,223)
```
#cfcedf
```
#cfcedf rgb(207,206,223)
```

Similar Colors

Text with hexadecimal color #ced1df

This text has a font color of #ced1df.

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

#ced1df background color

This paragraph has a background color of #ced1df.

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

#ced1df border color

This element has a border color of #ced1df.

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

CSS codes

.text {color:#ced1df;}

.background {background-color:#ced1df;}

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

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, #07070a is the darkest color, while #fdfefe is the lightest one.

#07070a
```
#07070a rgb(7,7,10)
```
#0e1016
```
#0e1016 rgb(14,16,22)
```
#161822
```
#161822 rgb(22,24,34)
```
#1e212e
```
#1e212e rgb(30,33,46)
```
#26293a
```
#26293a rgb(38,41,58)
```
#2d3246
```
#2d3246 rgb(45,50,70)
```
#353a52
```
#353a52 rgb(53,58,82)
```
#3d435d
```
#3d435d rgb(61,67,93)
```
#454b69
```
#454b69 rgb(69,75,105)
```
#4c5475
```
#4c5475 rgb(76,84,117)
```
#545c81
```
#545c81 rgb(84,92,129)
```
#5c658d
```
#5c658d rgb(92,101,141)
```
#646d99
```
#646d99 rgb(100,109,153)
```

Shade Color Variation

#6f78a1
```
#6f78a1 rgb(111,120,161)
```
#7b83a9
```
#7b83a9 rgb(123,131,169)
```
#878eb1
```
#878eb1 rgb(135,142,177)
```
#9399b8
```
#9399b8 rgb(147,153,184)
```
#9fa4c0
```
#9fa4c0 rgb(159,164,192)
```
#aab0c8
```
#aab0c8 rgb(170,176,200)
```
#b6bbd0
```
#b6bbd0 rgb(182,187,208)
```
#c2c6d7
```
#c2c6d7 rgb(194,198,215)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#dadce7
```
#dadce7 rgb(218,220,231)
```
#e6e7ee
```
#e6e7ee rgb(230,231,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#d4d5d9
```
#d4d5d9 rgb(212,213,217)
```
#d1d3dc
```
#d1d3dc rgb(209,211,220)
```
#ced1df
```
#ced1df rgb(206,209,223)
```
#cbcfe2
```
#cbcfe2 rgb(203,207,226)
```
#c8cde5
```
#c8cde5 rgb(200,205,229)
```
#c5cbe8
```
#c5cbe8 rgb(197,203,232)
```
#c2c9eb
```
#c2c9eb rgb(194,201,235)
```
#bec7ef
```
#bec7ef rgb(190,199,239)
```
#bbc5f2
```
#bbc5f2 rgb(187,197,242)
```
#b8c3f5
```
#b8c3f5 rgb(184,195,245)
```
#b5c1f8
```
#b5c1f8 rgb(181,193,248)
```
#b2bffb
```
#b2bffb rgb(178,191,251)
```
#afbdfe
```
#afbdfe rgb(175,189,254)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d1d2d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d2e0 Protanopia 1% of men
#e0cee2 Deuteranopia 1% of men
#d0d3e2 Tritanopia 0.001% of the population

Trichromacy

#d1d1df Protanomaly 1% of men, 0.01% of women
#d9cfe1 Deuteranomaly 6% of men, 0.4% of women
#cfd2e1 Tritanomaly 0.01% of the population

#ced1df hex color

#ced1df Color Information

#ced1df Color Conversion

Color Schemes with #ced1df

Alternatives to #ced1df

#ced1df Preview

Shades and Tints of #ced1df

Tones of #ced1df

Color Blindness Simulator