#ced1e4 hex color

In a RGB color space, hex #ced1e4 is composed of 80.8% red, 82% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 8.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 231.8 degrees, a saturation of 28.9% and a lightness of 85.1%. #ced1e4 color hex could be obtained by blending #ffffff with #9da3c9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 81
- G 82
- B 89
RGB color chart
- C 10
- M 8
- Y 0
- K 11
CMYK color chart

● #ced1e4 color description : Light grayish blue.

The hexadecimal color #ced1e4 has RGB values of R:206, G:209, B:228 and CMYK values of C:0.1, M:0.08, Y:0, K:0.11. Its decimal value is 13554148.

Hex triplet	ced1e4	`#ced1e4`
RGB Decimal	206, 209, 228	`rgb(206,209,228)`
RGB Percent	80.8, 82, 89.4	`rgb(80.8%,82%,89.4%)`
CMYK	10, 8, 0, 11
HSL	231.8°, 28.9, 85.1	`hsl(231.8,28.9%,85.1%)`
HSV (or HSB)	231.8°, 9.6, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.134, 2.613, -9.709
XYZ	62.255, 64.324, 82.53
xyY	0.298, 0.308, 64.324
CIE-LCH	84.134, 10.054, 285.063
CIE-LUV	84.134, -2.718, -15.51
Hunter-Lab	80.202, -1.797, -4.87
Binary	11001110, 11010001, 11100100

#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#e4e1ce
```
#e4e1ce rgb(228,225,206)
```

Complementary Color

#cedce4
```
#cedce4 rgb(206,220,228)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#d6cee4
```
#d6cee4 rgb(214,206,228)
```

Analogous Color

#dce4ce
```
#dce4ce rgb(220,228,206)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#e4d6ce
```
#e4d6ce rgb(228,214,206)
```

Split Complementary Color

#d1e4ce
```
#d1e4ce rgb(209,228,206)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#e4ced1
```
#e4ced1 rgb(228,206,209)
```

Triadic Color

#cee4e1
```
#cee4e1 rgb(206,228,225)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#e4ced1
```
#e4ced1 rgb(228,206,209)
```
#e4e1ce
```
#e4e1ce rgb(228,225,206)
```

Tetradic Color

#9da3c9
```
#9da3c9 rgb(157,163,201)
```
#adb2d2
```
#adb2d2 rgb(173,178,210)
```
#bec2db
```
#bec2db rgb(190,194,219)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#dee0ed
```
#dee0ed rgb(222,224,237)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ced7e4
```
#ced7e4 rgb(206,215,228)
```
#ced5e4
```
#ced5e4 rgb(206,213,228)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#cecfe4
```
#cecfe4 rgb(206,207,228)
```
#cfcee4
```
#cfcee4 rgb(207,206,228)
```
#d1cee4
```
#d1cee4 rgb(209,206,228)
```

Similar Colors

Text with hexadecimal color #ced1e4

This text has a font color of #ced1e4.

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

#ced1e4 background color

This paragraph has a background color of #ced1e4.

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

#ced1e4 border color

This element has a border color of #ced1e4.

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

CSS codes

.text {color:#ced1e4;}

.background {background-color:#ced1e4;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08090e
```
#08090e rgb(8,9,14)
```
#0f101b
```
#0f101b rgb(15,16,27)
```
#161828
```
#161828 rgb(22,24,40)
```
#1d2034
```
#1d2034 rgb(29,32,52)
```
#242841
```
#242841 rgb(36,40,65)
```
#2b2f4d
```
#2b2f4d rgb(43,47,77)
```
#32375a
```
#32375a rgb(50,55,90)
```
#393f67
```
#393f67 rgb(57,63,103)
```
#404773
```
#404773 rgb(64,71,115)
```
#474e80
```
#474e80 rgb(71,78,128)
```
#4e568d
```
#4e568d rgb(78,86,141)
```
#545e99
```
#545e99 rgb(84,94,153)
```

Shade Color Variation

#5c66a5
```
#5c66a5 rgb(92,102,165)
```
#6972ac
```
#6972ac rgb(105,114,172)
```
#757eb3
```
#757eb3 rgb(117,126,179)
```
#828aba
```
#828aba rgb(130,138,186)
```
#8f96c1
```
#8f96c1 rgb(143,150,193)
```
#9ba2c8
```
#9ba2c8 rgb(155,162,200)
```
#a8adcf
```
#a8adcf rgb(168,173,207)
```
#b5b9d6
```
#b5b9d6 rgb(181,185,214)
```
#c1c5dd
```
#c1c5dd rgb(193,197,221)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#dbddeb
```
#dbddeb rgb(219,221,235)
```
#e7e9f2
```
#e7e9f2 rgb(231,233,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#d7d7db
```
#d7d7db rgb(215,215,219)
```
#d4d5de
```
#d4d5de rgb(212,213,222)
```
#d1d3e1
```
#d1d3e1 rgb(209,211,225)
```
#ced1e4
```
#ced1e4 rgb(206,209,228)
```
#cbcfe7
```
#cbcfe7 rgb(203,207,231)
```
#c8cdea
```
#c8cdea rgb(200,205,234)
```
#c5cbed
```
#c5cbed rgb(197,203,237)
```
#c2c8f0
```
#c2c8f0 rgb(194,200,240)
```
#bfc6f3
```
#bfc6f3 rgb(191,198,243)
```
#bcc4f6
```
#bcc4f6 rgb(188,196,246)
```
#bac2f8
```
#bac2f8 rgb(186,194,248)
```
#b7c0fb
```
#b7c0fb rgb(183,192,251)
```
#b4befe
```
#b4befe rgb(180,190,254)
```

Tone Color Variation

Below, you can see how #ced1e4 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
#d1d2d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2d2e5 Protanopia 1% of men
#decee6 Deuteranopia 1% of men
#d0d3e2 Tritanopia 0.001% of the population

Trichromacy

#d0d2e4 Protanomaly 1% of men, 0.01% of women
#d8cfe5 Deuteranomaly 6% of men, 0.4% of women
#cfd2e3 Tritanomaly 0.01% of the population

#ced1e4 hex color

#ced1e4 Color Information

#ced1e4 Color Conversion

Color Schemes with #ced1e4

Alternatives to #ced1e4

#ced1e4 Preview

Shades and Tints of #ced1e4

Tones of #ced1e4

Color Blindness Simulator