colorhexa.com

#31a94d hex color

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

- R 19
- G 66
- B 30
RGB color chart
- C 71
- M 0
- Y 54
- K 34
CMYK color chart

● #31a94d color description : Dark lime green.

The hexadecimal color #31a94d has RGB values of R:49, G:169, B:77 and CMYK values of C:0.71, M:0, Y:0.54, K:0.34. Its decimal value is 3254605.

Hex triplet	31a94d	`#31a94d`
RGB Decimal	49, 169, 77	`rgb(49,169,77)`
RGB Percent	19.2, 66.3, 30.2	`rgb(19.2%,66.3%,30.2%)`
CMYK	71, 0, 54, 34
HSL	134°, 55, 42.7	`hsl(134,55%,42.7%)`
HSV (or HSB)	134°, 71, 66.3
Web Safe	339966	`#339966`

CIE-LAB	61.275, -52.518, 37.767
XYZ	16.793, 29.563, 11.842
xyY	0.289, 0.508, 29.563
CIE-LCH	61.275, 64.688, 144.279
CIE-LUV	61.275, -49.665, 54.442
Hunter-Lab	54.372, -40.02, 25.147
Binary	00110001, 10101001, 01001101

#31a94d
```
#31a94d rgb(49,169,77)
```
#a9318d
```
#a9318d rgb(169,49,141)
```

Complementary Color

#51a931
```
#51a931 rgb(81,169,49)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#31a989
```
#31a989 rgb(49,169,137)
```

Analogous Color

#a93151
```
#a93151 rgb(169,49,81)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#8931a9
```
#8931a9 rgb(137,49,169)
```

Split Complementary Color

#a94d31
```
#a94d31 rgb(169,77,49)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#4d31a9
```
#4d31a9 rgb(77,49,169)
```

Triadic Color

#8da931
```
#8da931 rgb(141,169,49)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#4d31a9
```
#4d31a9 rgb(77,49,169)
```
#a9318d
```
#a9318d rgb(169,49,141)
```

Tetradic Color

#206e32
```
#206e32 rgb(32,110,50)
```
#26813b
```
#26813b rgb(38,129,59)
```
#2b9544
```
#2b9544 rgb(43,149,68)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#37bd56
```
#37bd56 rgb(55,189,86)
```
#44c963
```
#44c963 rgb(68,201,99)
```
#58cf74
```
#58cf74 rgb(88,207,116)
```

Monochromatic Color

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

#33a931
```
#33a931 rgb(51,169,49)
```
#31a939
```
#31a939 rgb(49,169,57)
```
#31a943
```
#31a943 rgb(49,169,67)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#31a957
```
#31a957 rgb(49,169,87)
```
#31a961
```
#31a961 rgb(49,169,97)
```
#31a96b
```
#31a96b rgb(49,169,107)
```

Similar Colors

Text with hexadecimal color #31a94d

This text has a font color of #31a94d.

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

#31a94d background color

This paragraph has a background color of #31a94d.

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

#31a94d border color

This element has a border color of #31a94d.

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

CSS codes

.text {color:#31a94d;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#051108
```
#051108 rgb(5,17,8)
```
#09200f
```
#09200f rgb(9,32,15)
```
#0e2f16
```
#0e2f16 rgb(14,47,22)
```
#123f1d
```
#123f1d rgb(18,63,29)
```
#174e23
```
#174e23 rgb(23,78,35)
```
#1b5d2a
```
#1b5d2a rgb(27,93,42)
```
#1f6c31
```
#1f6c31 rgb(31,108,49)
```
#247b38
```
#247b38 rgb(36,123,56)
```
#288b3f
```
#288b3f rgb(40,139,63)
```
#2d9a46
```
#2d9a46 rgb(45,154,70)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#35b854
```
#35b854 rgb(53,184,84)
```

Shade Color Variation

#3bc65c
```
#3bc65c rgb(59,198,92)
```
#4acb68
```
#4acb68 rgb(74,203,104)
```
#59cf75
```
#59cf75 rgb(89,207,117)
```
#69d382
```
#69d382 rgb(105,211,130)
```
#78d88e
```
#78d88e rgb(120,216,142)
```
#87dc9b
```
#87dc9b rgb(135,220,155)
```
#96e1a8
```
#96e1a8 rgb(150,225,168)
```
#a5e5b4
```
#a5e5b4 rgb(165,229,180)
```
#b5e9c1
```
#b5e9c1 rgb(181,233,193)
```
#c4eece
```
#c4eece rgb(196,238,206)
```
#d3f2da
```
#d3f2da rgb(211,242,218)
```
#e2f7e7
```
#e2f7e7 rgb(226,247,231)
```
#f2fbf4
```
#f2fbf4 rgb(242,251,244)
```

Tint Color Variation

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

#6c6e6c
```
#6c6e6c rgb(108,110,108)
```
#637768
```
#637768 rgb(99,119,104)
```
#5b7f63
```
#5b7f63 rgb(91,127,99)
```
#53875f
```
#53875f rgb(83,135,95)
```
#4a905a
```
#4a905a rgb(74,144,90)
```
#429856
```
#429856 rgb(66,152,86)
```
#39a151
```
#39a151 rgb(57,161,81)
```
#31a94d
```
#31a94d rgb(49,169,77)
```
#29b149
```
#29b149 rgb(41,177,73)
```
#20ba44
```
#20ba44 rgb(32,186,68)
```
#18c240
```
#18c240 rgb(24,194,64)
```
#0fcb3b
```
#0fcb3b rgb(15,203,59)
```
#07d337
```
#07d337 rgb(7,211,55)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c8472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9994f Protanopia 1% of men
#b8935f Deuteranopia 1% of men
#5da3af Tritanopia 0.001% of the population

Trichromacy

#7d9f4e Protanomaly 1% of men, 0.01% of women
#879b59 Deuteranomaly 6% of men, 0.4% of women
#4da58b Tritanomaly 0.01% of the population