#def2e4 hex color

In a RGB color space, hex #def2e4 is composed of 87.1% red, 94.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 0% magenta, 5.8% yellow and 5.1% black. It has a hue angle of 138 degrees, a saturation of 43.5% and a lightness of 91%. #def2e4 color hex could be obtained by blending #ffffff with #bde5c9. Closest websafe color is: #ccffcc.

♥
- f
- t
- g
- R 87
- G 95
- B 89
RGB color chart
- C 8
- M 0
- Y 6
- K 5
CMYK color chart

● #def2e4 color description : Light grayish cyan - lime green.

The hexadecimal color #def2e4 has RGB values of R:222, G:242, B:228 and CMYK values of C:0.08, M:0, Y:0.06, K:0.05. Its decimal value is 14611172.

Hex triplet	def2e4	`#def2e4`
RGB Decimal	222, 242, 228	`rgb(222,242,228)`
RGB Percent	87.1, 94.9, 89.4	`rgb(87.1%,94.9%,89.4%)`
CMYK	8, 0, 6, 5
HSL	138°, 43.5, 91	`hsl(138,43.5%,91%)`
HSV (or HSB)	138°, 8.3, 94.9
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	93.725, -9.122, 4.499
XYZ	75.877, 84.635, 85.733
xyY	0.308, 0.344, 84.635
CIE-LCH	93.725, 10.172, 153.748
CIE-LUV	93.725, -10.301, 8.483
Hunter-Lab	91.997, -13.772, 9.145
Binary	11011110, 11110010, 11100100

#def2e4
```
#def2e4 rgb(222,242,228)
```
#f2deec
```
#f2deec rgb(242,222,236)
```

Complementary Color

#e2f2de
```
#e2f2de rgb(226,242,222)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#def2ee
```
#def2ee rgb(222,242,238)
```

Analogous Color

#f2dee2
```
#f2dee2 rgb(242,222,226)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#eedef2
```
#eedef2 rgb(238,222,242)
```

Split Complementary Color

#f2e4de
```
#f2e4de rgb(242,228,222)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#e4def2
```
#e4def2 rgb(228,222,242)
```

Triadic Color

#ecf2de
```
#ecf2de rgb(236,242,222)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#e4def2
```
#e4def2 rgb(228,222,242)
```
#f2deec
```
#f2deec rgb(242,222,236)
```

Tetradic Color

#a7dcb7
```
#a7dcb7 rgb(167,220,183)
```
#b9e4c6
```
#b9e4c6 rgb(185,228,198)
```
#ccebd5
```
#ccebd5 rgb(204,235,213)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#f0f9f3
```
#f0f9f3 rgb(240,249,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#def2df
```
#def2df rgb(222,242,223)
```
#def2e1
```
#def2e1 rgb(222,242,225)
```
#def2e2
```
#def2e2 rgb(222,242,226)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#def2e6
```
#def2e6 rgb(222,242,230)
```
#def2e7
```
#def2e7 rgb(222,242,231)
```
#def2e9
```
#def2e9 rgb(222,242,233)
```

Similar Colors

Text with hexadecimal color #def2e4

This text has a font color of #def2e4.

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

#def2e4 background color

This paragraph has a background color of #def2e4.

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

#def2e4 border color

This element has a border color of #def2e4.

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

CSS codes

.text {color:#def2e4;}

.background {background-color:#def2e4;}

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

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

#040905
```
#040905 rgb(4,9,5)
```
#09170d
```
#09170d rgb(9,23,13)
```
#0f2516
```
#0f2516 rgb(15,37,22)
```
#14331e
```
#14331e rgb(20,51,30)
```
#1a4226
```
#1a4226 rgb(26,66,38)
```
#1f502e
```
#1f502e rgb(31,80,46)
```
#255e36
```
#255e36 rgb(37,94,54)
```
#2a6c3e
```
#2a6c3e rgb(42,108,62)
```
#307a46
```
#307a46 rgb(48,122,70)
```
#36884e
```
#36884e rgb(54,136,78)
```
#3b9656
```
#3b9656 rgb(59,150,86)
```
#41a45e
```
#41a45e rgb(65,164,94)
```
#46b267
```
#46b267 rgb(70,178,103)
```

Shade Color Variation

#51bb71
```
#51bb71 rgb(81,187,113)
```
#5fc07c
```
#5fc07c rgb(95,192,124)
```
#6dc688
```
#6dc688 rgb(109,198,136)
```
#7bcb93
```
#7bcb93 rgb(123,203,147)
```
#8ad19f
```
#8ad19f rgb(138,209,159)
```
#98d6aa
```
#98d6aa rgb(152,214,170)
```
#a6dcb6
```
#a6dcb6 rgb(166,220,182)
```
#b4e1c1
```
#b4e1c1 rgb(180,225,193)
```
#c2e7cd
```
#c2e7cd rgb(194,231,205)
```
#d0ecd8
```
#d0ecd8 rgb(208,236,216)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#ecf8f0
```
#ecf8f0 rgb(236,248,240)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

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

#e7e9e8
```
#e7e9e8 rgb(231,233,232)
```
#e5ebe7
```
#e5ebe7 rgb(229,235,231)
```
#e3ede6
```
#e3ede6 rgb(227,237,230)
```
#e2eee5
```
#e2eee5 rgb(226,238,229)
```
#e0f0e5
```
#e0f0e5 rgb(224,240,229)
```
#def2e4
```
#def2e4 rgb(222,242,228)
```
#dcf4e3
```
#dcf4e3 rgb(220,244,227)
```
#daf6e3
```
#daf6e3 rgb(218,246,227)
```
#d9f7e2
```
#d9f7e2 rgb(217,247,226)
```
#d7f9e1
```
#d7f9e1 rgb(215,249,225)
```
#d5fbe0
```
#d5fbe0 rgb(213,251,224)
```
#d3fde0
```
#d3fde0 rgb(211,253,224)
```
#d2fedf
```
#d2fedf rgb(210,254,223)
```

Tone Color Variation

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

Dichromacy

#f4ece2 Protanopia 1% of men
#ffe8ea Deuteranopia 1% of men
#e5eeff Tritanopia 0.001% of the population

Trichromacy

#eceee3 Protanomaly 1% of men, 0.01% of women
#f3ece8 Deuteranomaly 6% of men, 0.4% of women
#e2eff5 Tritanomaly 0.01% of the population

#def2e4 hex color

#def2e4 Color Information

#def2e4 Color Conversion

Color Schemes with #def2e4

Alternatives to #def2e4

#def2e4 Preview

Shades and Tints of #def2e4

Tones of #def2e4

Color Blindness Simulator