#31de7e hex color

In a RGB color space, hex #31de7e is composed of 19.2% red, 87.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 0% magenta, 43.2% yellow and 12.9% black. It has a hue angle of 146.7 degrees, a saturation of 72.4% and a lightness of 53.1%. #31de7e color hex could be obtained by blending #62fffc with #00bd00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 87
- B 49
RGB color chart
- C 78
- M 0
- Y 43
- K 13
CMYK color chart

● #31de7e color description : Bright cyan - lime green.

The hexadecimal color #31de7e has RGB values of R:49, G:222, B:126 and CMYK values of C:0.78, M:0, Y:0.43, K:0.13. Its decimal value is 3268222.

Hex triplet	31de7e	`#31de7e`
RGB Decimal	49, 222, 126	`rgb(49,222,126)`
RGB Percent	19.2, 87.1, 49.4	`rgb(19.2%,87.1%,49.4%)`
CMYK	78, 0, 43, 13
HSL	146.7°, 72.4, 53.1	`hsl(146.7,72.4%,53.1%)`
HSV (or HSB)	146.7°, 77.9, 87.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	78.694, -63.428, 35.186
XYZ	31.152, 54.399, 28.596
xyY	0.273, 0.477, 54.399
CIE-LCH	78.694, 72.534, 150.981
CIE-LUV	78.694, -65.753, 57.755
Hunter-Lab	73.755, -53.68, 28.642
Binary	00110001, 11011110, 01111110

#31de7e
```
#31de7e rgb(49,222,126)
```
#de3191
```
#de3191 rgb(222,49,145)
```

Complementary Color

#3bde31
```
#3bde31 rgb(59,222,49)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#31ded5
```
#31ded5 rgb(49,222,213)
```

Analogous Color

#de313a
```
#de313a rgb(222,49,58)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#d531de
```
#d531de rgb(213,49,222)
```

Split Complementary Color

#de7e31
```
#de7e31 rgb(222,126,49)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#7e31de
```
#7e31de rgb(126,49,222)
```

Triadic Color

#91de31
```
#91de31 rgb(145,222,49)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#7e31de
```
#7e31de rgb(126,49,222)
```
#de3191
```
#de3191 rgb(222,49,145)
```

Tetradic Color

#1ba85a
```
#1ba85a rgb(27,168,90)
```
#1ebe65
```
#1ebe65 rgb(30,190,101)
```
#22d471
```
#22d471 rgb(34,212,113)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#47e28c
```
#47e28c rgb(71,226,140)
```
#5de59a
```
#5de59a rgb(93,229,154)
```
#73e9a7
```
#73e9a7 rgb(115,233,167)
```

Monochromatic Color

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

#31de53
```
#31de53 rgb(49,222,83)
```
#31de61
```
#31de61 rgb(49,222,97)
```
#31de70
```
#31de70 rgb(49,222,112)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#31de8c
```
#31de8c rgb(49,222,140)
```
#31de9b
```
#31de9b rgb(49,222,155)
```
#31dea9
```
#31dea9 rgb(49,222,169)
```

Similar Colors

Text with hexadecimal color #31de7e

This text has a font color of #31de7e.

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

#31de7e background color

This paragraph has a background color of #31de7e.

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

#31de7e border color

This element has a border color of #31de7e.

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

CSS codes

.text {color:#31de7e;}

.background {background-color:#31de7e;}

.border {border:1px solid #31de7e;}

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, #020e07 is the darkest color, while #fcfffd is the lightest one.

#020e07
```
#020e07 rgb(2,14,7)
```
#051f10
```
#051f10 rgb(5,31,16)
```
#083019
```
#083019 rgb(8,48,25)
```
#0a4122
```
#0a4122 rgb(10,65,34)
```
#0d512b
```
#0d512b rgb(13,81,43)
```
#106235
```
#106235 rgb(16,98,53)
```
#12733e
```
#12733e rgb(18,115,62)
```
#158447
```
#158447 rgb(21,132,71)
```
#189550
```
#189550 rgb(24,149,80)
```
#1ba659
```
#1ba659 rgb(27,166,89)
```
#1db762
```
#1db762 rgb(29,183,98)
```
#20c86b
```
#20c86b rgb(32,200,107)
```
#23d974
```
#23d974 rgb(35,217,116)
```

Shade Color Variation

#31de7e
```
#31de7e rgb(49,222,126)
```
#42e189
```
#42e189 rgb(66,225,137)
```
#53e393
```
#53e393 rgb(83,227,147)
```
#64e69e
```
#64e69e rgb(100,230,158)
```
#75e9a8
```
#75e9a8 rgb(117,233,168)
```
#86ecb3
```
#86ecb3 rgb(134,236,179)
```
#96eebe
```
#96eebe rgb(150,238,190)
```
#a7f1c8
```
#a7f1c8 rgb(167,241,200)
```
#b8f4d3
```
#b8f4d3 rgb(184,244,211)
```
#c9f6dd
```
#c9f6dd rgb(201,246,221)
```
#daf9e8
```
#daf9e8 rgb(218,249,232)
```
#ebfcf2
```
#ebfcf2 rgb(235,252,242)
```
#fcfffd
```
#fcfffd rgb(252,255,253)
```

Tint Color Variation

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

#848b87
```
#848b87 rgb(132,139,135)
```
#7b9486
```
#7b9486 rgb(123,148,134)
```
#719e85
```
#719e85 rgb(113,158,133)
```
#68a784
```
#68a784 rgb(104,167,132)
```
#5fb083
```
#5fb083 rgb(95,176,131)
```
#56b982
```
#56b982 rgb(86,185,130)
```
#4dc281
```
#4dc281 rgb(77,194,129)
```
#43cc80
```
#43cc80 rgb(67,204,128)
```
#3ad57f
```
#3ad57f rgb(58,213,127)
```
#31de7e
```
#31de7e rgb(49,222,126)
```
#28e77d
```
#28e77d rgb(40,231,125)
```
#1ff07c
```
#1ff07c rgb(31,240,124)
```
#15fa7b
```
#15fa7b rgb(21,250,123)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#89ac98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c57b Protanopia 1% of men
#e9be90 Deuteranopia 1% of men
#6cd4e3 Tritanopia 0.001% of the population

Trichromacy

#9bce7c Protanomaly 1% of men, 0.01% of women
#a6c989 Deuteranomaly 6% of men, 0.4% of women
#56d7be Tritanomaly 0.01% of the population

#31de7e hex color

#31de7e Color Information

#31de7e Color Conversion

Color Schemes with #31de7e

Alternatives to #31de7e

#31de7e Preview

Shades and Tints of #31de7e

Tones of #31de7e

Color Blindness Simulator