#31e8a4 hex color

In a RGB color space, hex #31e8a4 is composed of 19.2% red, 91% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 29.3% yellow and 9% black. It has a hue angle of 157.7 degrees, a saturation of 79.9% and a lightness of 55.1%. #31e8a4 color hex could be obtained by blending #62ffff with #00d149. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 91
- B 64
RGB color chart
- C 79
- M 0
- Y 29
- K 9
CMYK color chart

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

The hexadecimal color #31e8a4 has RGB values of R:49, G:232, B:164 and CMYK values of C:0.79, M:0, Y:0.29, K:0.09. Its decimal value is 3270820.

Hex triplet	31e8a4	`#31e8a4`
RGB Decimal	49, 232, 164	`rgb(49,232,164)`
RGB Percent	19.2, 91, 64.3	`rgb(19.2%,91%,64.3%)`
CMYK	79, 0, 29, 9
HSL	157.7°, 79.9, 55.1	`hsl(157.7,79.9%,55.1%)`
HSV (or HSB)	157.7°, 78.9, 91
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.402, -59.652, 20.725
XYZ	36.821, 61.043, 44.962
xyY	0.258, 0.427, 61.043
CIE-LCH	82.402, 63.15, 160.841
CIE-LUV	82.402, -66.83, 39.545
Hunter-Lab	78.13, -52.604, 20.571
Binary	00110001, 11101000, 10100100

#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#e83175
```
#e83175 rgb(232,49,117)
```

Complementary Color

#31e849
```
#31e849 rgb(49,232,73)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#31d1e8
```
#31d1e8 rgb(49,209,232)
```

Analogous Color

#e84931
```
#e84931 rgb(232,73,49)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#e831d1
```
#e831d1 rgb(232,49,209)
```

Split Complementary Color

#e8a431
```
#e8a431 rgb(232,164,49)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#a431e8
```
#a431e8 rgb(164,49,232)
```

Triadic Color

#75e831
```
#75e831 rgb(117,232,49)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#a431e8
```
#a431e8 rgb(164,49,232)
```
#e83175
```
#e83175 rgb(232,49,117)
```

Tetradic Color

#15b87b
```
#15b87b rgb(21,184,123)
```
#17cf8b
```
#17cf8b rgb(23,207,139)
```
#1ae59a
```
#1ae59a rgb(26,229,154)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#48ebae
```
#48ebae rgb(72,235,174)
```
#5fedb8
```
#5fedb8 rgb(95,237,184)
```
#76f0c2
```
#76f0c2 rgb(118,240,194)
```

Monochromatic Color

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

#31e876
```
#31e876 rgb(49,232,118)
```
#31e886
```
#31e886 rgb(49,232,134)
```
#31e895
```
#31e895 rgb(49,232,149)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#31e8b3
```
#31e8b3 rgb(49,232,179)
```
#31e8c3
```
#31e8c3 rgb(49,232,195)
```
#31e8d2
```
#31e8d2 rgb(49,232,210)
```

Similar Colors

Text with hexadecimal color #31e8a4

This text has a font color of #31e8a4.

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

#31e8a4 background color

This paragraph has a background color of #31e8a4.

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

#31e8a4 border color

This element has a border color of #31e8a4.

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

CSS codes

.text {color:#31e8a4;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#031710
```
#031710 rgb(3,23,16)
```
#05291b
```
#05291b rgb(5,41,27)
```
#073b27
```
#073b27 rgb(7,59,39)
```
#094c33
```
#094c33 rgb(9,76,51)
```
#0a5e3f
```
#0a5e3f rgb(10,94,63)
```
#0c704b
```
#0c704b rgb(12,112,75)
```
#0e8157
```
#0e8157 rgb(14,129,87)
```
#109362
```
#109362 rgb(16,147,98)
```
#12a56e
```
#12a56e rgb(18,165,110)
```
#14b67a
```
#14b67a rgb(20,182,122)
```
#16c886
```
#16c886 rgb(22,200,134)
```
#18d992
```
#18d992 rgb(24,217,146)
```

Shade Color Variation

#1fe69c
```
#1fe69c rgb(31,230,156)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#43eaac
```
#43eaac rgb(67,234,172)
```
#54ecb4
```
#54ecb4 rgb(84,236,180)
```
#66eebb
```
#66eebb rgb(102,238,187)
```
#78f0c3
```
#78f0c3 rgb(120,240,195)
```
#89f2cb
```
#89f2cb rgb(137,242,203)
```
#9bf4d3
```
#9bf4d3 rgb(155,244,211)
```
#adf6db
```
#adf6db rgb(173,246,219)
```
#bef8e2
```
#bef8e2 rgb(190,248,226)
```
#d0faea
```
#d0faea rgb(208,250,234)
```
#e1fcf2
```
#e1fcf2 rgb(225,252,242)
```
#f3fefa
```
#f3fefa rgb(243,254,250)
```

Tint Color Variation

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

#89908d
```
#89908d rgb(137,144,141)
```
#809990
```
#809990 rgb(128,153,144)
```
#77a292
```
#77a292 rgb(119,162,146)
```
#6faa94
```
#6faa94 rgb(111,170,148)
```
#66b396
```
#66b396 rgb(102,179,150)
```
#5dbc99
```
#5dbc99 rgb(93,188,153)
```
#54c59b
```
#54c59b rgb(84,197,155)
```
#4bce9d
```
#4bce9d rgb(75,206,157)
```
#43d69f
```
#43d69f rgb(67,214,159)
```
#3adfa2
```
#3adfa2 rgb(58,223,162)
```
#31e8a4
```
#31e8a4 rgb(49,232,164)
```
#28f1a6
```
#28f1a6 rgb(40,241,166)
```
#1ffaa9
```
#1ffaa9 rgb(31,250,169)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#92b6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decf9d Protanopia 1% of men
#ecc8b4 Deuteranopia 1% of men
#68dff0 Tritanopia 0.001% of the population

Trichromacy

#9fd89f Protanomaly 1% of men, 0.01% of women
#a8d3ae Deuteranomaly 6% of men, 0.4% of women
#54e2d4 Tritanomaly 0.01% of the population

#31e8a4 hex color

#31e8a4 Color Information

#31e8a4 Color Conversion

Color Schemes with #31e8a4

Alternatives to #31e8a4

#31e8a4 Preview

Shades and Tints of #31e8a4

Tones of #31e8a4

Color Blindness Simulator