#def0ed hex color

In a RGB color space, hex #def0ed is composed of 87.1% red, 94.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 0% magenta, 1.3% yellow and 5.9% black. It has a hue angle of 170 degrees, a saturation of 37.5% and a lightness of 90.6%. #def0ed color hex could be obtained by blending #ffffff with #bde1db. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 87
- G 94
- B 93
RGB color chart
- C 8
- M 0
- Y 1
- K 6
CMYK color chart

● #def0ed color description : Light grayish cyan.

The hexadecimal color #def0ed has RGB values of R:222, G:240, B:237 and CMYK values of C:0.08, M:0, Y:0.01, K:0.06. Its decimal value is 14610669.

Hex triplet	def0ed	`#def0ed`
RGB Decimal	222, 240, 237	`rgb(222,240,237)`
RGB Percent	87.1, 94.1, 92.9	`rgb(87.1%,94.1%,92.9%)`
CMYK	8, 0, 1, 6
HSL	170°, 37.5, 90.6	`hsl(170,37.5%,90.6%)`
HSV (or HSB)	170°, 7.5, 94.1
Web Safe	ccffff	`#ccffff`

CIE-LAB	93.435, -6.467, -0.595
XYZ	76.567, 83.963, 92.289
xyY	0.303, 0.332, 83.963
CIE-LCH	93.435, 6.494, 185.253
CIE-LUV	93.435, -9.658, 0.225
Hunter-Lab	91.632, -11.201, 4.427
Binary	11011110, 11110000, 11101101

#def0ed
```
#def0ed rgb(222,240,237)
```
#f0dee1
```
#f0dee1 rgb(240,222,225)
```

Complementary Color

#def0e4
```
#def0e4 rgb(222,240,228)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#deeaf0
```
#deeaf0 rgb(222,234,240)
```

Analogous Color

#f0e4de
```
#f0e4de rgb(240,228,222)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#f0deea
```
#f0deea rgb(240,222,234)
```

Split Complementary Color

#f0edde
```
#f0edde rgb(240,237,222)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#eddef0
```
#eddef0 rgb(237,222,240)
```

Triadic Color

#e1f0de
```
#e1f0de rgb(225,240,222)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#eddef0
```
#eddef0 rgb(237,222,240)
```
#f0dee1
```
#f0dee1 rgb(240,222,225)
```

Tetradic Color

#a9d8d0
```
#a9d8d0 rgb(169,216,208)
```
#bbe0da
```
#bbe0da rgb(187,224,218)
```
#cce8e3
```
#cce8e3 rgb(204,232,227)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#def0e9
```
#def0e9 rgb(222,240,233)
```
#def0ea
```
#def0ea rgb(222,240,234)
```
#def0ec
```
#def0ec rgb(222,240,236)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#def0ef
```
#def0ef rgb(222,240,239)
```
#def0f0
```
#def0f0 rgb(222,240,240)
```
#deeff0
```
#deeff0 rgb(222,239,240)
```

Similar Colors

Text with hexadecimal color #def0ed

This text has a font color of #def0ed.

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

#def0ed background color

This paragraph has a background color of #def0ed.

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

#def0ed border color

This element has a border color of #def0ed.

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

CSS codes

.text {color:#def0ed;}

.background {background-color:#def0ed;}

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

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

#030707
```
#030707 rgb(3,7,7)
```
#0a1513
```
#0a1513 rgb(10,21,19)
```
#10221f
```
#10221f rgb(16,34,31)
```
#16302c
```
#16302c rgb(22,48,44)
```
#1c3d38
```
#1c3d38 rgb(28,61,56)
```
#224b44
```
#224b44 rgb(34,75,68)
```
#285850
```
#285850 rgb(40,88,80)
```
#2e665d
```
#2e665d rgb(46,102,93)
```
#347369
```
#347369 rgb(52,115,105)
```
#3b8175
```
#3b8175 rgb(59,129,117)
```
#418e81
```
#418e81 rgb(65,142,129)
```
#479c8e
```
#479c8e rgb(71,156,142)
```
#4da99a
```
#4da99a rgb(77,169,154)
```

Shade Color Variation

#57b3a3
```
#57b3a3 rgb(87,179,163)
```
#65b9ab
```
#65b9ab rgb(101,185,171)
```
#72bfb2
```
#72bfb2 rgb(114,191,178)
```
#80c5ba
```
#80c5ba rgb(128,197,186)
```
#8dcbc1
```
#8dcbc1 rgb(141,203,193)
```
#9bd1c8
```
#9bd1c8 rgb(155,209,200)
```
#a8d7d0
```
#a8d7d0 rgb(168,215,208)
```
#b6ded7
```
#b6ded7 rgb(182,222,215)
```
#c3e4de
```
#c3e4de rgb(195,228,222)
```
#d1eae6
```
#d1eae6 rgb(209,234,230)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#ebf6f4
```
#ebf6f4 rgb(235,246,244)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#e5e9e8
```
#e5e9e8 rgb(229,233,232)
```
#e4eae9
```
#e4eae9 rgb(228,234,233)
```
#e2eceb
```
#e2eceb rgb(226,236,235)
```
#e0eeec
```
#e0eeec rgb(224,238,236)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#dcf2ee
```
#dcf2ee rgb(220,242,238)
```
#daf4ef
```
#daf4ef rgb(218,244,239)
```
#d8f6f1
```
#d8f6f1 rgb(216,246,241)
```
#d7f7f2
```
#d7f7f2 rgb(215,247,242)
```
#d5f9f3
```
#d5f9f3 rgb(213,249,243)
```
#d3fbf4
```
#d3fbf4 rgb(211,251,244)
```
#d1fdf6
```
#d1fdf6 rgb(209,253,246)
```
#cffff7
```
#cffff7 rgb(207,255,247)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#e8ebeb Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1ebeb Protanopia 1% of men
#ffe6f0 Deuteranopia 1% of men
#e3eeff Tritanopia 0.001% of the population

Trichromacy

#eaedeb Protanomaly 1% of men, 0.01% of women
#f3eaef Deuteranomaly 6% of men, 0.4% of women
#e1eef8 Tritanomaly 0.01% of the population

#def0ed hex color

#def0ed Color Information

#def0ed Color Conversion

Color Schemes with #def0ed

Alternatives to #def0ed

#def0ed Preview

Shades and Tints of #def0ed

Tones of #def0ed

Color Blindness Simulator