colorhexa.com

#31eb82 hex color

In a RGB color space, hex #31eb82 is composed of 19.2% red, 92.2% green and 51% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 44.7% yellow and 7.8% black. It has a hue angle of 146.1 degrees, a saturation of 82.3% and a lightness of 55.7%. #31eb82 color hex could be obtained by blending #62ffff with #00d705. Closest websafe color is: #33ff99.

- R 19
- G 92
- B 51
RGB color chart
- C 79
- M 0
- Y 45
- K 8
CMYK color chart

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

The hexadecimal color #31eb82 has RGB values of R:49, G:235, B:130 and CMYK values of C:0.79, M:0, Y:0.45, K:0.08. Its decimal value is 3271554.

Hex triplet	31eb82	`#31eb82`
RGB Decimal	49, 235, 130	`rgb(49,235,130)`
RGB Percent	19.2, 92.2, 51	`rgb(19.2%,92.2%,51%)`
CMYK	79, 0, 45, 8
HSL	146.1°, 82.3, 55.7	`hsl(146.1,82.3%,55.7%)`
HSV (or HSB)	146.1°, 79.1, 92.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.742, -67.223, 38.421
XYZ	35.002, 61.678, 31.178
xyY	0.274, 0.482, 61.678
CIE-LCH	82.742, 77.428, 150.25
CIE-LUV	82.742, -69.883, 62.895
Hunter-Lab	78.535, -57.882, 31.437
Binary	00110001, 11101011, 10000010

#31eb82
```
#31eb82 rgb(49,235,130)
```
#eb319a
```
#eb319a rgb(235,49,154)
```

Complementary Color

#3deb31
```
#3deb31 rgb(61,235,49)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#31ebdf
```
#31ebdf rgb(49,235,223)
```

Analogous Color

#eb313d
```
#eb313d rgb(235,49,61)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#df31eb
```
#df31eb rgb(223,49,235)
```

Split Complementary Color

#eb8231
```
#eb8231 rgb(235,130,49)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#8231eb
```
#8231eb rgb(130,49,235)
```

Triadic Color

#9aeb31
```
#9aeb31 rgb(154,235,49)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#8231eb
```
#8231eb rgb(130,49,235)
```
#eb319a
```
#eb319a rgb(235,49,154)
```

Tetradic Color

#12bd5d
```
#12bd5d rgb(18,189,93)
```
#15d468
```
#15d468 rgb(21,212,104)
```
#1ae974
```
#1ae974 rgb(26,233,116)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#48ed90
```
#48ed90 rgb(72,237,144)
```
#5ff09e
```
#5ff09e rgb(95,240,158)
```
#77f2ac
```
#77f2ac rgb(119,242,172)
```

Monochromatic Color

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

#31eb54
```
#31eb54 rgb(49,235,84)
```
#31eb63
```
#31eb63 rgb(49,235,99)
```
#31eb73
```
#31eb73 rgb(49,235,115)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#31eb92
```
#31eb92 rgb(49,235,146)
```
#31eba1
```
#31eba1 rgb(49,235,161)
```
#31ebb1
```
#31ebb1 rgb(49,235,177)
```

Similar Colors

Text with hexadecimal color #31eb82

This text has a font color of #31eb82.

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

#31eb82 background color

This paragraph has a background color of #31eb82.

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

#31eb82 border color

This element has a border color of #31eb82.

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

CSS codes

.text {color:#31eb82;}

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

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

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

#010904
```
#010904 rgb(1,9,4)
```
#031a0d
```
#031a0d rgb(3,26,13)
```
#042c16
```
#042c16 rgb(4,44,22)
```
#063e1e
```
#063e1e rgb(6,62,30)
```
#085027
```
#085027 rgb(8,80,39)
```
#0a6230
```
#0a6230 rgb(10,98,48)
```
#0b7439
```
#0b7439 rgb(11,116,57)
```
#0d8642
```
#0d8642 rgb(13,134,66)
```
#0f984a
```
#0f984a rgb(15,152,74)
```
#10a953
```
#10a953 rgb(16,169,83)
```
#12bb5c
```
#12bb5c rgb(18,187,92)
```
#14cd65
```
#14cd65 rgb(20,205,101)
```
#16df6d
```
#16df6d rgb(22,223,109)
```

Shade Color Variation

#1fe977
```
#1fe977 rgb(31,233,119)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#43ed8d
```
#43ed8d rgb(67,237,141)
```
#55ee98
```
#55ee98 rgb(85,238,152)
```
#67f0a3
```
#67f0a3 rgb(103,240,163)
```
#79f2ad
```
#79f2ad rgb(121,242,173)
```
#8af4b8
```
#8af4b8 rgb(138,244,184)
```
#9cf5c3
```
#9cf5c3 rgb(156,245,195)
```
#aef7ce
```
#aef7ce rgb(174,247,206)
```
#c0f9d9
```
#c0f9d9 rgb(192,249,217)
```
#d2fbe4
```
#d2fbe4 rgb(210,251,228)
```
#e4fcee
```
#e4fcee rgb(228,252,238)
```
#f6fef9
```
#f6fef9 rgb(246,254,249)
```

Tint Color Variation

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

#88948d
```
#88948d rgb(136,148,141)
```
#7f9d8c
```
#7f9d8c rgb(127,157,140)
```
#77a58b
```
#77a58b rgb(119,165,139)
```
#6eae8a
```
#6eae8a rgb(110,174,138)
```
#65b789
```
#65b789 rgb(101,183,137)
```
#5cc088
```
#5cc088 rgb(92,192,136)
```
#54c886
```
#54c886 rgb(84,200,134)
```
#4bd185
```
#4bd185 rgb(75,209,133)
```
#42da84
```
#42da84 rgb(66,218,132)
```
#3ae283
```
#3ae283 rgb(58,226,131)
```
#31eb82
```
#31eb82 rgb(49,235,130)
```
#28f481
```
#28f481 rgb(40,244,129)
```
#20fc80
```
#20fc80 rgb(32,252,128)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8fb5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d07e Protanopia 1% of men
#f6c895 Deuteranopia 1% of men
#71dff0 Tritanopia 0.001% of the population

Trichromacy

#a2da7f Protanomaly 1% of men, 0.01% of women
#aed48e Deuteranomaly 6% of men, 0.4% of women
#5ae3c8 Tritanomaly 0.01% of the population