#31a95e hex color

In a RGB color space, hex #31a95e is composed of 19.2% red, 66.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 44.4% yellow and 33.7% black. It has a hue angle of 142.5 degrees, a saturation of 55% and a lightness of 42.7%. #31a95e color hex could be obtained by blending #62ffbc with #005300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 66
- B 37
RGB color chart
- C 71
- M 0
- Y 44
- K 34
CMYK color chart

● #31a95e color description : Dark cyan - lime green.

The hexadecimal color #31a95e has RGB values of R:49, G:169, B:94 and CMYK values of C:0.71, M:0, Y:0.44, K:0.34. Its decimal value is 3254622.

Hex triplet	31a95e	`#31a95e`
RGB Decimal	49, 169, 94	`rgb(49,169,94)`
RGB Percent	19.2, 66.3, 36.9	`rgb(19.2%,66.3%,36.9%)`
CMYK	71, 0, 44, 34
HSL	142.5°, 55, 42.7	`hsl(142.5,55%,42.7%)`
HSV (or HSB)	142.5°, 71, 66.3
Web Safe	339966	`#339966`

CIE-LAB	61.512, -49.797, 29.377
XYZ	17.474, 29.835, 15.427
xyY	0.279, 0.476, 29.835
CIE-LCH	61.512, 57.816, 149.462
CIE-LUV	61.512, -48.887, 45.458
Hunter-Lab	54.622, -38.485, 21.49
Binary	00110001, 10101001, 01011110

#31a95e
```
#31a95e rgb(49,169,94)
```
#a9317c
```
#a9317c rgb(169,49,124)
```

Complementary Color

#40a931
```
#40a931 rgb(64,169,49)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#31a99a
```
#31a99a rgb(49,169,154)
```

Analogous Color

#a93140
```
#a93140 rgb(169,49,64)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#9a31a9
```
#9a31a9 rgb(154,49,169)
```

Split Complementary Color

#a95e31
```
#a95e31 rgb(169,94,49)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#5e31a9
```
#5e31a9 rgb(94,49,169)
```

Triadic Color

#7ca931
```
#7ca931 rgb(124,169,49)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#5e31a9
```
#5e31a9 rgb(94,49,169)
```
#a9317c
```
#a9317c rgb(169,49,124)
```

Tetradic Color

#206e3d
```
#206e3d rgb(32,110,61)
```
#268148
```
#268148 rgb(38,129,72)
```
#2b9553
```
#2b9553 rgb(43,149,83)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#37bd69
```
#37bd69 rgb(55,189,105)
```
#44c976
```
#44c976 rgb(68,201,118)
```
#58cf84
```
#58cf84 rgb(88,207,132)
```

Monochromatic Color

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

#31a940
```
#31a940 rgb(49,169,64)
```
#31a94a
```
#31a94a rgb(49,169,74)
```
#31a954
```
#31a954 rgb(49,169,84)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#31a968
```
#31a968 rgb(49,169,104)
```
#31a972
```
#31a972 rgb(49,169,114)
```
#31a97c
```
#31a97c rgb(49,169,124)
```

Similar Colors

Text with hexadecimal color #31a95e

This text has a font color of #31a95e.

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

#31a95e background color

This paragraph has a background color of #31a95e.

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

#31a95e border color

This element has a border color of #31a95e.

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

CSS codes

.text {color:#31a95e;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#051109
```
#051109 rgb(5,17,9)
```
#092012
```
#092012 rgb(9,32,18)
```
#0e2f1a
```
#0e2f1a rgb(14,47,26)
```
#123f23
```
#123f23 rgb(18,63,35)
```
#174e2b
```
#174e2b rgb(23,78,43)
```
#1b5d34
```
#1b5d34 rgb(27,93,52)
```
#1f6c3c
```
#1f6c3c rgb(31,108,60)
```
#247b45
```
#247b45 rgb(36,123,69)
```
#288b4d
```
#288b4d rgb(40,139,77)
```
#2d9a56
```
#2d9a56 rgb(45,154,86)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#35b866
```
#35b866 rgb(53,184,102)
```

Shade Color Variation

#3bc66f
```
#3bc66f rgb(59,198,111)
```
#4acb7a
```
#4acb7a rgb(74,203,122)
```
#59cf86
```
#59cf86 rgb(89,207,134)
```
#69d391
```
#69d391 rgb(105,211,145)
```
#78d89c
```
#78d89c rgb(120,216,156)
```
#87dca7
```
#87dca7 rgb(135,220,167)
```
#96e1b2
```
#96e1b2 rgb(150,225,178)
```
#a5e5bd
```
#a5e5bd rgb(165,229,189)
```
#b5e9c8
```
#b5e9c8 rgb(181,233,200)
```
#c4eed4
```
#c4eed4 rgb(196,238,212)
```
#d3f2df
```
#d3f2df rgb(211,242,223)
```
#e2f7ea
```
#e2f7ea rgb(226,247,234)
```
#f2fbf5
```
#f2fbf5 rgb(242,251,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6e6d is the less saturated color, while #07d354 is the most saturated one.

#6c6e6d
```
#6c6e6d rgb(108,110,109)
```
#63776b
```
#63776b rgb(99,119,107)
```
#5b7f68
```
#5b7f68 rgb(91,127,104)
```
#538766
```
#538766 rgb(83,135,102)
```
#4a9064
```
#4a9064 rgb(74,144,100)
```
#429862
```
#429862 rgb(66,152,98)
```
#39a160
```
#39a160 rgb(57,161,96)
```
#31a95e
```
#31a95e rgb(49,169,94)
```
#29b15c
```
#29b15c rgb(41,177,92)
```
#20ba5a
```
#20ba5a rgb(32,186,90)
```
#18c258
```
#18c258 rgb(24,194,88)
```
#0fcb56
```
#0fcb56 rgb(15,203,86)
```
#07d354
```
#07d354 rgb(7,211,84)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8677 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89a5f Protanopia 1% of men
#b6936f Deuteranopia 1% of men
#5aa4b0 Tritanopia 0.001% of the population

Trichromacy

#7c9f5e Protanomaly 1% of men, 0.01% of women
#859b68 Deuteranomaly 6% of men, 0.4% of women
#4ba692 Tritanomaly 0.01% of the population

#31a95e hex color

#31a95e Color Information

#31a95e Color Conversion

Color Schemes with #31a95e

Alternatives to #31a95e

#31a95e Preview

Shades and Tints of #31a95e

Tones of #31a95e

Color Blindness Simulator