#defef2 hex color

In a RGB color space, hex #defef2 is composed of 87.1% red, 99.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 12.6% cyan, 0% magenta, 4.7% yellow and 0.4% black. It has a hue angle of 157.5 degrees, a saturation of 94.1% and a lightness of 93.3%. #defef2 color hex could be obtained by blending #ffffff with #bdfde5. Closest websafe color is: #ccffff.

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

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

The hexadecimal color #defef2 has RGB values of R:222, G:254, B:242 and CMYK values of C:0.13, M:0, Y:0.05, K:0. Its decimal value is 14614258.

Hex triplet	defef2	`#defef2`
RGB Decimal	222, 254, 242	`rgb(222,254,242)`
RGB Percent	87.1, 99.6, 94.9	`rgb(87.1%,99.6%,94.9%)`
CMYK	13, 0, 5, 0
HSL	157.5°, 94.1, 93.3	`hsl(157.5,94.1%,93.3%)`
HSV (or HSB)	157.5°, 12.6, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	97.156, -12.548, 2.246
XYZ	81.589, 92.823, 97.618
xyY	0.3, 0.341, 92.823
CIE-LCH	97.156, 12.748, 169.852
CIE-LUV	97.156, -16.572, 5.687
Hunter-Lab	96.345, -17.44, 7.368
Binary	11011110, 11111110, 11110010

#defef2
```
#defef2 rgb(222,254,242)
```
#fedeea
```
#fedeea rgb(254,222,234)
```

Complementary Color

#defee2
```
#defee2 rgb(222,254,226)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#defafe
```
#defafe rgb(222,250,254)
```

Analogous Color

#fee2de
```
#fee2de rgb(254,226,222)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#fedefa
```
#fedefa rgb(254,222,250)
```

Split Complementary Color

#fef2de
```
#fef2de rgb(254,242,222)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#f2defe
```
#f2defe rgb(242,222,254)
```

Triadic Color

#eafede
```
#eafede rgb(234,254,222)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#f2defe
```
#f2defe rgb(242,222,254)
```
#fedeea
```
#fedeea rgb(254,222,234)
```

Tetradic Color

#94fcd5
```
#94fcd5 rgb(148,252,213)
```
#adfddf
```
#adfddf rgb(173,253,223)
```
#c5fde8
```
#c5fde8 rgb(197,253,232)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#f7fffc
```
#f7fffc rgb(247,255,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#defeea
```
#defeea rgb(222,254,234)
```
#defeed
```
#defeed rgb(222,254,237)
```
#defeef
```
#defeef rgb(222,254,239)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#defef5
```
#defef5 rgb(222,254,245)
```
#defef7
```
#defef7 rgb(222,254,247)
```
#defefa
```
#defefa rgb(222,254,250)
```

Similar Colors

Text with hexadecimal color #defef2

This text has a font color of #defef2.

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

#defef2 background color

This paragraph has a background color of #defef2.

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

#defef2 border color

This element has a border color of #defef2.

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

CSS codes

.text {color:#defef2;}

.background {background-color:#defef2;}

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

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

#000503
```
#000503 rgb(0,5,3)
```
#01180f
```
#01180f rgb(1,24,15)
```
#012b1b
```
#012b1b rgb(1,43,27)
```
#023e28
```
#023e28 rgb(2,62,40)
```
#025134
```
#025134 rgb(2,81,52)
```
#036440
```
#036440 rgb(3,100,64)
```
#04774c
```
#04774c rgb(4,119,76)
```
#048a58
```
#048a58 rgb(4,138,88)
```
#059d64
```
#059d64 rgb(5,157,100)
```
#05b070
```
#05b070 rgb(5,176,112)
```
#06c37c
```
#06c37c rgb(6,195,124)
```
#06d789
```
#06d789 rgb(6,215,137)
```
#07ea95
```
#07ea95 rgb(7,234,149)
```

Shade Color Variation

#0df8a0
```
#0df8a0 rgb(13,248,160)
```
#20f8a7
```
#20f8a7 rgb(32,248,167)
```
#33f9af
```
#33f9af rgb(51,249,175)
```
#46f9b6
```
#46f9b6 rgb(70,249,182)
```
#59fabe
```
#59fabe rgb(89,250,190)
```
#6cfbc5
```
#6cfbc5 rgb(108,251,197)
```
#7ffbcd
```
#7ffbcd rgb(127,251,205)
```
#92fcd4
```
#92fcd4 rgb(146,252,212)
```
#a5fcdc
```
#a5fcdc rgb(165,252,220)
```
#b8fde3
```
#b8fde3 rgb(184,253,227)
```
#cbfdeb
```
#cbfdeb rgb(203,253,235)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#f1fffa
```
#f1fffa rgb(241,255,250)
```

Tint Color Variation

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

#eeeeee
```
#eeeeee rgb(238,238,238)
```
#ecf0ee
```
#ecf0ee rgb(236,240,238)
```
#ebf1ef
```
#ebf1ef rgb(235,241,239)
```
#eaf2ef
```
#eaf2ef rgb(234,242,239)
```
#e8f4ef
```
#e8f4ef rgb(232,244,239)
```
#e7f5f0
```
#e7f5f0 rgb(231,245,240)
```
#e6f6f0
```
#e6f6f0 rgb(230,246,240)
```
#e5f7f0
```
#e5f7f0 rgb(229,247,240)
```
#e3f9f1
```
#e3f9f1 rgb(227,249,241)
```
#e2faf1
```
#e2faf1 rgb(226,250,241)
```
#e1fbf1
```
#e1fbf1 rgb(225,251,241)
```
#dffdf2
```
#dffdf2 rgb(223,253,242)
```
#defef2
```
#defef2 rgb(222,254,242)
```

Tone Color Variation

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

#f3f3f3 Achromatopsia 0.005% of the population
#eff5f3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fdf6ee Protanopia 1% of men
#fff4f7 Deuteranopia 1% of men
#f0f8ff Tritanopia 0.001% of the population

Trichromacy

#f2f9ef Protanomaly 1% of men, 0.01% of women
#f3f8f5 Deuteranomaly 6% of men, 0.4% of women
#eafafa Tritanomaly 0.01% of the population

#defef2 hex color

#defef2 Color Information

#defef2 Color Conversion

Color Schemes with #defef2

Alternatives to #defef2

#defef2 Preview

Shades and Tints of #defef2

Tones of #defef2

Color Blindness Simulator