#ced3e4 hex color

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

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

● #ced3e4 color description : Light grayish blue.

The hexadecimal color #ced3e4 has RGB values of R:206, G:211, B:228 and CMYK values of C:0.1, M:0.07, Y:0, K:0.11. Its decimal value is 13554660.

Hex triplet	ced3e4	`#ced3e4`
RGB Decimal	206, 211, 228	`rgb(206,211,228)`
RGB Percent	80.8, 82.7, 89.4	`rgb(80.8%,82.7%,89.4%)`
CMYK	10, 7, 0, 11
HSL	226.4°, 28.9, 85.1	`hsl(226.4,28.9%,85.1%)`
HSV (or HSB)	226.4°, 9.6, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.644, 1.56, -8.951
XYZ	62.749, 65.311, 82.695
xyY	0.298, 0.31, 65.311
CIE-LCH	84.644, 9.086, 279.889
CIE-LUV	84.644, -3.682, -14.144
Hunter-Lab	80.815, -2.832, -4.098
Binary	11001110, 11010011, 11100100

#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#e4dfce
```
#e4dfce rgb(228,223,206)
```

Complementary Color

#cedee4
```
#cedee4 rgb(206,222,228)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#d4cee4
```
#d4cee4 rgb(212,206,228)
```

Analogous Color

#dee4ce
```
#dee4ce rgb(222,228,206)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#e4d4ce
```
#e4d4ce rgb(228,212,206)
```

Split Complementary Color

#d3e4ce
```
#d3e4ce rgb(211,228,206)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#e4ced3
```
#e4ced3 rgb(228,206,211)
```

Triadic Color

#cee4df
```
#cee4df rgb(206,228,223)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#e4ced3
```
#e4ced3 rgb(228,206,211)
```
#e4dfce
```
#e4dfce rgb(228,223,206)
```

Tetradic Color

#9da7c9
```
#9da7c9 rgb(157,167,201)
```
#adb5d2
```
#adb5d2 rgb(173,181,210)
```
#bec4db
```
#bec4db rgb(190,196,219)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#dee2ed
```
#dee2ed rgb(222,226,237)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ced9e4
```
#ced9e4 rgb(206,217,228)
```
#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)
```

Similar Colors

Text with hexadecimal color #ced3e4

This text has a font color of #ced3e4.

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

#ced3e4 background color

This paragraph has a background color of #ced3e4.

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

#ced3e4 border color

This element has a border color of #ced3e4.

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

CSS codes

.text {color:#ced3e4;}

.background {background-color:#ced3e4;}

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

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)
```
#0f121b
```
#0f121b rgb(15,18,27)
```
#161a28
```
#161a28 rgb(22,26,40)
```
#1d2234
```
#1d2234 rgb(29,34,52)
```
#242a41
```
#242a41 rgb(36,42,65)
```
#2b334d
```
#2b334d rgb(43,51,77)
```
#323b5a
```
#323b5a rgb(50,59,90)
```
#394367
```
#394367 rgb(57,67,103)
```
#404b73
```
#404b73 rgb(64,75,115)
```
#475480
```
#475480 rgb(71,84,128)
```
#4e5c8d
```
#4e5c8d rgb(78,92,141)
```
#546499
```
#546499 rgb(84,100,153)
```

Shade Color Variation

#5c6da5
```
#5c6da5 rgb(92,109,165)
```
#6978ac
```
#6978ac rgb(105,120,172)
```
#7584b3
```
#7584b3 rgb(117,132,179)
```
#828fba
```
#828fba rgb(130,143,186)
```
#8f9ac1
```
#8f9ac1 rgb(143,154,193)
```
#9ba6c8
```
#9ba6c8 rgb(155,166,200)
```
#a8b1cf
```
#a8b1cf rgb(168,177,207)
```
#b5bcd6
```
#b5bcd6 rgb(181,188,214)
```
#c1c8dd
```
#c1c8dd rgb(193,200,221)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#dbdeeb
```
#dbdeeb rgb(219,222,235)
```
#e7eaf2
```
#e7eaf2 rgb(231,234,242)
```
#f4f5f9
```
#f4f5f9 rgb(244,245,249)
```

Tint Color Variation

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

#d7d8db
```
#d7d8db rgb(215,216,219)
```
#d4d6de
```
#d4d6de rgb(212,214,222)
```
#d1d5e1
```
#d1d5e1 rgb(209,213,225)
```
#ced3e4
```
#ced3e4 rgb(206,211,228)
```
#cbd1e7
```
#cbd1e7 rgb(203,209,231)
```
#c8d0ea
```
#c8d0ea rgb(200,208,234)
```
#c5ceed
```
#c5ceed rgb(197,206,237)
```
#c2cdf0
```
#c2cdf0 rgb(194,205,240)
```
#bfcbf3
```
#bfcbf3 rgb(191,203,243)
```
#bcc9f6
```
#bcc9f6 rgb(188,201,246)
```
#bac8f8
```
#bac8f8 rgb(186,200,248)
```
#b7c6fb
```
#b7c6fb rgb(183,198,251)
```
#b4c5fe
```
#b4c5fe rgb(180,197,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d3d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4d4e4 Protanopia 1% of men
#e0d0e7 Deuteranopia 1% of men
#d0d5e4 Tritanopia 0.001% of the population

Trichromacy

#d2d3e4 Protanomaly 1% of men, 0.01% of women
#dad1e5 Deuteranomaly 6% of men, 0.4% of women
#cfd4e4 Tritanomaly 0.01% of the population

#ced3e4 hex color

#ced3e4 Color Information

#ced3e4 Color Conversion

Color Schemes with #ced3e4

Alternatives to #ced3e4

#ced3e4 Preview

Shades and Tints of #ced3e4

Tones of #ced3e4

Color Blindness Simulator