#31e770 hex color

In a RGB color space, hex #31e770 is composed of 19.2% red, 90.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 51.5% yellow and 9.4% black. It has a hue angle of 140.8 degrees, a saturation of 79.1% and a lightness of 54.9%. #31e770 color hex could be obtained by blending #62ffe0 with #00cf00. Closest websafe color is: #33ff66.

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

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

The hexadecimal color #31e770 has RGB values of R:49, G:231, B:112 and CMYK values of C:0.79, M:0, Y:0.52, K:0.09. Its decimal value is 3270512.

Hex triplet	31e770	`#31e770`
RGB Decimal	49, 231, 112	`rgb(49,231,112)`
RGB Percent	19.2, 90.6, 43.9	`rgb(19.2%,90.6%,43.9%)`
CMYK	79, 0, 52, 9
HSL	140.8°, 79.1, 54.9	`hsl(140.8,79.1%,54.9%)`
HSV (or HSB)	140.8°, 78.8, 90.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	81.276, -68.707, 45.275
XYZ	32.765, 58.971, 24.984
xyY	0.281, 0.505, 58.971
CIE-LCH	81.276, 82.282, 146.617
CIE-LUV	81.276, -69.482, 70.296
Hunter-Lab	76.793, -58.227, 34.465
Binary	00110001, 11100111, 01110000

#31e770
```
#31e770 rgb(49,231,112)
```
#e731a8
```
#e731a8 rgb(231,49,168)
```

Complementary Color

#4de731
```
#4de731 rgb(77,231,49)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#31e7cb
```
#31e7cb rgb(49,231,203)
```

Analogous Color

#e7314d
```
#e7314d rgb(231,49,77)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#cb31e7
```
#cb31e7 rgb(203,49,231)
```

Split Complementary Color

#e77031
```
#e77031 rgb(231,112,49)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#7031e7
```
#7031e7 rgb(112,49,231)
```

Triadic Color

#a8e731
```
#a8e731 rgb(168,231,49)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#7031e7
```
#7031e7 rgb(112,49,231)
```
#e731a8
```
#e731a8 rgb(231,49,168)
```

Tetradic Color

#15b64d
```
#15b64d rgb(21,182,77)
```
#18cd57
```
#18cd57 rgb(24,205,87)
```
#1be460
```
#1be460 rgb(27,228,96)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#48ea80
```
#48ea80 rgb(72,234,128)
```
#5fec90
```
#5fec90 rgb(95,236,144)
```
#76efa0
```
#76efa0 rgb(118,239,160)
```

Monochromatic Color

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

#31e743
```
#31e743 rgb(49,231,67)
```
#31e752
```
#31e752 rgb(49,231,82)
```
#31e761
```
#31e761 rgb(49,231,97)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#31e77f
```
#31e77f rgb(49,231,127)
```
#31e78e
```
#31e78e rgb(49,231,142)
```
#31e79e
```
#31e79e rgb(49,231,158)
```

Similar Colors

Text with hexadecimal color #31e770

This text has a font color of #31e770.

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

#31e770 background color

This paragraph has a background color of #31e770.

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

#31e770 border color

This element has a border color of #31e770.

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

CSS codes

.text {color:#31e770;}

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

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

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

#010502
```
#010502 rgb(1,5,2)
```
#031609
```
#031609 rgb(3,22,9)
```
#052811
```
#052811 rgb(5,40,17)
```
#073a18
```
#073a18 rgb(7,58,24)
```
#094b20
```
#094b20 rgb(9,75,32)
```
#0b5d27
```
#0b5d27 rgb(11,93,39)
```
#0d6e2f
```
#0d6e2f rgb(13,110,47)
```
#0f8036
```
#0f8036 rgb(15,128,54)
```
#11913d
```
#11913d rgb(17,145,61)
```
#13a345
```
#13a345 rgb(19,163,69)
```
#15b54c
```
#15b54c rgb(21,181,76)
```
#17c654
```
#17c654 rgb(23,198,84)
```
#19d85b
```
#19d85b rgb(25,216,91)
```

Shade Color Variation

#1fe564
```
#1fe564 rgb(31,229,100)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#43e97c
```
#43e97c rgb(67,233,124)
```
#54eb88
```
#54eb88 rgb(84,235,136)
```
#66ed95
```
#66ed95 rgb(102,237,149)
```
#77efa1
```
#77efa1 rgb(119,239,161)
```
#89f1ad
```
#89f1ad rgb(137,241,173)
```
#9af3b9
```
#9af3b9 rgb(154,243,185)
```
#acf5c5
```
#acf5c5 rgb(172,245,197)
```
#bef7d2
```
#bef7d2 rgb(190,247,210)
```
#cff9de
```
#cff9de rgb(207,249,222)
```
#e1fbea
```
#e1fbea rgb(225,251,234)
```
#f2fef6
```
#f2fef6 rgb(242,254,246)
```

Tint Color Variation

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

#898f8b
```
#898f8b rgb(137,143,139)
```
#819788
```
#819788 rgb(129,151,136)
```
#78a086
```
#78a086 rgb(120,160,134)
```
#6fa983
```
#6fa983 rgb(111,169,131)
```
#66b280
```
#66b280 rgb(102,178,128)
```
#5dbb7e
```
#5dbb7e rgb(93,187,126)
```
#54c47b
```
#54c47b rgb(84,196,123)
```
#4ccc78
```
#4ccc78 rgb(76,204,120)
```
#43d575
```
#43d575 rgb(67,213,117)
```
#3ade73
```
#3ade73 rgb(58,222,115)
```
#31e770
```
#31e770 rgb(49,231,112)
```
#28f06d
```
#28f06d rgb(40,240,109)
```
#1ff96b
```
#1ff96b rgb(31,249,107)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8cb199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cc6e Protanopia 1% of men
#f5c484 Deuteranopia 1% of men
#72dbeb Tritanopia 0.001% of the population

Trichromacy

#a1d66e Protanomaly 1% of men, 0.01% of women
#add07d Deuteranomaly 6% of men, 0.4% of women
#5adfbe Tritanomaly 0.01% of the population

#31e770 hex color

#31e770 Color Information

#31e770 Color Conversion

Color Schemes with #31e770

Alternatives to #31e770

#31e770 Preview

Shades and Tints of #31e770

Tones of #31e770

Color Blindness Simulator