#31ea96 hex color

In a RGB color space, hex #31ea96 is composed of 19.2% red, 91.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 35.9% yellow and 8.2% black. It has a hue angle of 152.8 degrees, a saturation of 81.5% and a lightness of 55.5%. #31ea96 color hex could be obtained by blending #62ffff with #00d52d. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 92
- B 59
RGB color chart
- C 79
- M 0
- Y 36
- K 8
CMYK color chart

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

The hexadecimal color #31ea96 has RGB values of R:49, G:234, B:150 and CMYK values of C:0.79, M:0, Y:0.36, K:0.08. Its decimal value is 3271318.

Hex triplet	31ea96	`#31ea96`
RGB Decimal	49, 234, 150	`rgb(49,234,150)`
RGB Percent	19.2, 91.8, 58.8	`rgb(19.2%,91.8%,58.8%)`
CMYK	79, 0, 36, 8
HSL	152.8°, 81.5, 55.5	`hsl(152.8,81.5%,55.5%)`
HSV (or HSB)	152.8°, 79.1, 91.8
Web Safe	33ff99	`#33ff99`

CIE-LAB	82.752, -63.251, 28.404
XYZ	36.192, 61.697, 38.854
xyY	0.265, 0.451, 61.697
CIE-LCH	82.752, 69.335, 155.817
CIE-LUV	82.752, -68.391, 50.195
Hunter-Lab	78.547, -55.212, 25.655
Binary	00110001, 11101010, 10010110

#31ea96
```
#31ea96 rgb(49,234,150)
```
#ea3185
```
#ea3185 rgb(234,49,133)
```

Complementary Color

#31ea3a
```
#31ea3a rgb(49,234,58)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#31e2ea
```
#31e2ea rgb(49,226,234)
```

Analogous Color

#ea3a31
```
#ea3a31 rgb(234,58,49)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#ea31e2
```
#ea31e2 rgb(234,49,226)
```

Split Complementary Color

#ea9631
```
#ea9631 rgb(234,150,49)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#9631ea
```
#9631ea rgb(150,49,234)
```

Triadic Color

#85ea31
```
#85ea31 rgb(133,234,49)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#9631ea
```
#9631ea rgb(150,49,234)
```
#ea3185
```
#ea3185 rgb(234,49,133)
```

Tetradic Color

#13bb6f
```
#13bb6f rgb(19,187,111)
```
#15d37d
```
#15d37d rgb(21,211,125)
```
#1ae88a
```
#1ae88a rgb(26,232,138)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#48eca2
```
#48eca2 rgb(72,236,162)
```
#5fefae
```
#5fefae rgb(95,239,174)
```
#76f1b9
```
#76f1b9 rgb(118,241,185)
```

Monochromatic Color

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

#31ea68
```
#31ea68 rgb(49,234,104)
```
#31ea77
```
#31ea77 rgb(49,234,119)
```
#31ea87
```
#31ea87 rgb(49,234,135)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#31eaa5
```
#31eaa5 rgb(49,234,165)
```
#31eab5
```
#31eab5 rgb(49,234,181)
```
#31eac4
```
#31eac4 rgb(49,234,196)
```

Similar Colors

Text with hexadecimal color #31ea96

This text has a font color of #31ea96.

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

#31ea96 background color

This paragraph has a background color of #31ea96.

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

#31ea96 border color

This element has a border color of #31ea96.

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

CSS codes

.text {color:#31ea96;}

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

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

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

#010805
```
#010805 rgb(1,8,5)
```
#03190f
```
#03190f rgb(3,25,15)
```
#042b1a
```
#042b1a rgb(4,43,26)
```
#063d24
```
#063d24 rgb(6,61,36)
```
#084f2f
```
#084f2f rgb(8,79,47)
```
#0a6139
```
#0a6139 rgb(10,97,57)
```
#0c7244
```
#0c7244 rgb(12,114,68)
```
#0d844e
```
#0d844e rgb(13,132,78)
```
#0f9659
```
#0f9659 rgb(15,150,89)
```
#11a863
```
#11a863 rgb(17,168,99)
```
#13ba6e
```
#13ba6e rgb(19,186,110)
```
#15cb78
```
#15cb78 rgb(21,203,120)
```
#17dd83
```
#17dd83 rgb(23,221,131)
```

Shade Color Variation

#1fe88d
```
#1fe88d rgb(31,232,141)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#43ec9f
```
#43ec9f rgb(67,236,159)
```
#55eea8
```
#55eea8 rgb(85,238,168)
```
#66efb1
```
#66efb1 rgb(102,239,177)
```
#78f1ba
```
#78f1ba rgb(120,241,186)
```
#8af3c3
```
#8af3c3 rgb(138,243,195)
```
#9cf5cc
```
#9cf5cc rgb(156,245,204)
```
#aef7d6
```
#aef7d6 rgb(174,247,214)
```
#bff9df
```
#bff9df rgb(191,249,223)
```
#d1fae8
```
#d1fae8 rgb(209,250,232)
```
#e3fcf1
```
#e3fcf1 rgb(227,252,241)
```
#f5fefa
```
#f5fefa rgb(245,254,250)
```

Tint Color Variation

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

#88938e
```
#88938e rgb(136,147,142)
```
#809b8f
```
#809b8f rgb(128,155,143)
```
#77a490
```
#77a490 rgb(119,164,144)
```
#6ead90
```
#6ead90 rgb(110,173,144)
```
#65b691
```
#65b691 rgb(101,182,145)
```
#5dbe92
```
#5dbe92 rgb(93,190,146)
```
#54c793
```
#54c793 rgb(84,199,147)
```
#4bd094
```
#4bd094 rgb(75,208,148)
```
#42d994
```
#42d994 rgb(66,217,148)
```
#3ae195
```
#3ae195 rgb(58,225,149)
```
#31ea96
```
#31ea96 rgb(49,234,150)
```
#28f397
```
#28f397 rgb(40,243,151)
```
#20fb98
```
#20fb98 rgb(32,251,152)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d090 Protanopia 1% of men
#f2c8a7 Deuteranopia 1% of men
#6de0f0 Tritanopia 0.001% of the population

Trichromacy

#a1d992 Protanomaly 1% of men, 0.01% of women
#abd4a1 Deuteranomaly 6% of men, 0.4% of women
#57e3cf Tritanomaly 0.01% of the population

#31ea96 hex color

#31ea96 Color Information

#31ea96 Color Conversion

Color Schemes with #31ea96

Alternatives to #31ea96

#31ea96 Preview

Shades and Tints of #31ea96

Tones of #31ea96

Color Blindness Simulator