#31d58a hex color

In a RGB color space, hex #31d58a is composed of 19.2% red, 83.5% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 35.2% yellow and 16.5% black. It has a hue angle of 152.6 degrees, a saturation of 66.1% and a lightness of 51.4%. #31d58a color hex could be obtained by blending #62ffff with #00ab15. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 84
- B 54
RGB color chart
- C 77
- M 0
- Y 35
- K 16
CMYK color chart

● #31d58a color description : Strong cyan - lime green.

The hexadecimal color #31d58a has RGB values of R:49, G:213, B:138 and CMYK values of C:0.77, M:0, Y:0.35, K:0.16. Its decimal value is 3265930.

Hex triplet	31d58a	`#31d58a`
RGB Decimal	49, 213, 138	`rgb(49,213,138)`
RGB Percent	19.2, 83.5, 54.1	`rgb(19.2%,83.5%,54.1%)`
CMYK	77, 0, 35, 16
HSL	152.6°, 66.1, 51.4	`hsl(152.6,66.1%,51.4%)`
HSV (or HSB)	152.6°, 77, 83.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.114, -57.956, 25.644
XYZ	29.646, 50.073, 32.146
xyY	0.265, 0.448, 50.073
CIE-LCH	76.114, 63.376, 156.132
CIE-LUV	76.114, -61.994, 44.944
Hunter-Lab	70.763, -49.052, 22.6
Binary	00110001, 11010101, 10001010

#31d58a
```
#31d58a rgb(49,213,138)
```
#d5317c
```
#d5317c rgb(213,49,124)
```

Complementary Color

#31d538
```
#31d538 rgb(49,213,56)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#31ced5
```
#31ced5 rgb(49,206,213)
```

Analogous Color

#d53831
```
#d53831 rgb(213,56,49)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#d531ce
```
#d531ce rgb(213,49,206)
```

Split Complementary Color

#d58a31
```
#d58a31 rgb(213,138,49)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#8a31d5
```
#8a31d5 rgb(138,49,213)
```

Triadic Color

#7cd531
```
#7cd531 rgb(124,213,49)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#8a31d5
```
#8a31d5 rgb(138,49,213)
```
#d5317c
```
#d5317c rgb(213,49,124)
```

Tetradic Color

#1f9a62
```
#1f9a62 rgb(31,154,98)
```
#24af6f
```
#24af6f rgb(36,175,111)
```
#28c47d
```
#28c47d rgb(40,196,125)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#46d996
```
#46d996 rgb(70,217,150)
```
#5bdea2
```
#5bdea2 rgb(91,222,162)
```
#71e2ae
```
#71e2ae rgb(113,226,174)
```

Monochromatic Color

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

#31d561
```
#31d561 rgb(49,213,97)
```
#31d56f
```
#31d56f rgb(49,213,111)
```
#31d57c
```
#31d57c rgb(49,213,124)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#31d598
```
#31d598 rgb(49,213,152)
```
#31d5a5
```
#31d5a5 rgb(49,213,165)
```
#31d5b3
```
#31d5b3 rgb(49,213,179)
```

Similar Colors

Text with hexadecimal color #31d58a

This text has a font color of #31d58a.

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

#31d58a background color

This paragraph has a background color of #31d58a.

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

#31d58a border color

This element has a border color of #31d58a.

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

CSS codes

.text {color:#31d58a;}

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

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

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 #f5fdf9 is the lightest one.

#010604
```
#010604 rgb(1,6,4)
```
#05160e
```
#05160e rgb(5,22,14)
```
#082618
```
#082618 rgb(8,38,24)
```
#0b3723
```
#0b3723 rgb(11,55,35)
```
#0e472d
```
#0e472d rgb(14,71,45)
```
#125738
```
#125738 rgb(18,87,56)
```
#156842
```
#156842 rgb(21,104,66)
```
#18784c
```
#18784c rgb(24,120,76)
```
#1c8857
```
#1c8857 rgb(28,136,87)
```
#1f9861
```
#1f9861 rgb(31,152,97)
```
#22a96b
```
#22a96b rgb(34,169,107)
```
#26b976
```
#26b976 rgb(38,185,118)
```
#29c980
```
#29c980 rgb(41,201,128)
```

Shade Color Variation

#31d58a
```
#31d58a rgb(49,213,138)
```
#41d893
```
#41d893 rgb(65,216,147)
```
#52dc9d
```
#52dc9d rgb(82,220,157)
```
#62dfa6
```
#62dfa6 rgb(98,223,166)
```
#72e2af
```
#72e2af rgb(114,226,175)
```
#82e6b8
```
#82e6b8 rgb(130,230,184)
```
#93e9c2
```
#93e9c2 rgb(147,233,194)
```
#a3eccb
```
#a3eccb rgb(163,236,203)
```
#b3f0d4
```
#b3f0d4 rgb(179,240,212)
```
#c4f3dd
```
#c4f3dd rgb(196,243,221)
```
#d4f6e7
```
#d4f6e7 rgb(212,246,231)
```
#e4faf0
```
#e4faf0 rgb(228,250,240)
```
#f5fdf9
```
#f5fdf9 rgb(245,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8983 is the less saturated color, while #0bfb8d is the most saturated one.

#7d8983
```
#7d8983 rgb(125,137,131)
```
#749284
```
#749284 rgb(116,146,132)
```
#6a9c85
```
#6a9c85 rgb(106,156,133)
```
#61a586
```
#61a586 rgb(97,165,134)
```
#57af87
```
#57af87 rgb(87,175,135)
```
#4eb888
```
#4eb888 rgb(78,184,136)
```
#44c288
```
#44c288 rgb(68,194,136)
```
#3bcb89
```
#3bcb89 rgb(59,203,137)
```
#31d58a
```
#31d58a rgb(49,213,138)
```
#27df8b
```
#27df8b rgb(39,223,139)
```
#1ee88c
```
#1ee88c rgb(30,232,140)
```
#14f28c
```
#14f28c rgb(20,242,140)
```
#0bfb8d
```
#0bfb8d rgb(11,251,141)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a798 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebf86 Protanopia 1% of men
#ddb89a Deuteranopia 1% of men
#65cddc Tritanopia 0.001% of the population

Trichromacy

#95c787 Protanomaly 1% of men, 0.01% of women
#9ec294 Deuteranomaly 6% of men, 0.4% of women
#52d0be Tritanomaly 0.01% of the population

#31d58a hex color

#31d58a Color Information

#31d58a Color Conversion

Color Schemes with #31d58a

Alternatives to #31d58a

#31d58a Preview

Shades and Tints of #31d58a

Tones of #31d58a

Color Blindness Simulator