#31a220 hex color

In a RGB color space, hex #31a220 is composed of 19.2% red, 63.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 80.2% yellow and 36.5% black. It has a hue angle of 112.2 degrees, a saturation of 67% and a lightness of 38%. #31a220 color hex could be obtained by blending #62ff40 with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 64
- B 13
RGB color chart
- C 70
- M 0
- Y 80
- K 36
CMYK color chart

● #31a220 color description : Dark lime green.

The hexadecimal color #31a220 has RGB values of R:49, G:162, B:32 and CMYK values of C:0.7, M:0, Y:0.8, K:0.36. Its decimal value is 3252768.

Hex triplet	31a220	`#31a220`
RGB Decimal	49, 162, 32	`rgb(49,162,32)`
RGB Percent	19.2, 63.5, 12.5	`rgb(19.2%,63.5%,12.5%)`
CMYK	70, 0, 80, 36
HSL	112.2°, 67, 38	`hsl(112.2,67%,38%)`
HSV (or HSB)	112.2°, 80.2, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.599, -54.709, 53.633
XYZ	14.447, 26.597, 5.739
xyY	0.309, 0.569, 26.597
CIE-LCH	58.599, 76.613, 135.569
CIE-LUV	58.599, -48.481, 66.691
Hunter-Lab	51.572, -40.247, 29.503
Binary	00110001, 10100010, 00100000

#31a220
```
#31a220 rgb(49,162,32)
```
#9120a2
```
#9120a2 rgb(145,32,162)
```

Complementary Color

#72a220
```
#72a220 rgb(114,162,32)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#20a250
```
#20a250 rgb(32,162,80)
```

Analogous Color

#a22072
```
#a22072 rgb(162,32,114)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#5020a2
```
#5020a2 rgb(80,32,162)
```

Split Complementary Color

#a22031
```
#a22031 rgb(162,32,49)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#2031a2
```
#2031a2 rgb(32,49,162)
```

Triadic Color

#a29120
```
#a29120 rgb(162,145,32)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#2031a2
```
#2031a2 rgb(32,49,162)
```
#9120a2
```
#9120a2 rgb(145,32,162)
```

Tetradic Color

#1e6213
```
#1e6213 rgb(30,98,19)
```
#247718
```
#247718 rgb(36,119,24)
```
#2b8d1c
```
#2b8d1c rgb(43,141,28)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#37b724
```
#37b724 rgb(55,183,36)
```
#3ecd28
```
#3ecd28 rgb(62,205,40)
```
#4cd737
```
#4cd737 rgb(76,215,55)
```

Monochromatic Color

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

#51a220
```
#51a220 rgb(81,162,32)
```
#47a220
```
#47a220 rgb(71,162,32)
```
#3ca220
```
#3ca220 rgb(60,162,32)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#26a220
```
#26a220 rgb(38,162,32)
```
#20a225
```
#20a225 rgb(32,162,37)
```
#20a230
```
#20a230 rgb(32,162,48)
```

Similar Colors

Text with hexadecimal color #31a220

This text has a font color of #31a220.

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

#31a220 background color

This paragraph has a background color of #31a220.

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

#31a220 border color

This element has a border color of #31a220.

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

CSS codes

.text {color:#31a220;}

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

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

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, #040f03 is the darkest color, while #fdfffd is the lightest one.

#040f03
```
#040f03 rgb(4,15,3)
```
#091f06
```
#091f06 rgb(9,31,6)
```
#0e2f09
```
#0e2f09 rgb(14,47,9)
```
#13400d
```
#13400d rgb(19,64,13)
```
#185010
```
#185010 rgb(24,80,16)
```
#1d6013
```
#1d6013 rgb(29,96,19)
```
#227116
```
#227116 rgb(34,113,22)
```
#27811a
```
#27811a rgb(39,129,26)
```
#2c921d
```
#2c921d rgb(44,146,29)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#36b223
```
#36b223 rgb(54,178,35)
```
#3bc326
```
#3bc326 rgb(59,195,38)
```
#40d32a
```
#40d32a rgb(64,211,42)
```

Shade Color Variation

#4dd839
```
#4dd839 rgb(77,216,57)
```
#5cdb49
```
#5cdb49 rgb(92,219,73)
```
#6bde59
```
#6bde59 rgb(107,222,89)
```
#79e26a
```
#79e26a rgb(121,226,106)
```
#88e57a
```
#88e57a rgb(136,229,122)
```
#97e88b
```
#97e88b rgb(151,232,139)
```
#a5eb9b
```
#a5eb9b rgb(165,235,155)
```
#b4eeab
```
#b4eeab rgb(180,238,171)
```
#c3f2bc
```
#c3f2bc rgb(195,242,188)
```
#d1f5cc
```
#d1f5cc rgb(209,245,204)
```
#e0f8dc
```
#e0f8dc rgb(224,248,220)
```
#effbed
```
#effbed rgb(239,251,237)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#5d665c
```
#5d665c rgb(93,102,92)
```
#586e54
```
#586e54 rgb(88,110,84)
```
#52754d
```
#52754d rgb(82,117,77)
```
#4d7d45
```
#4d7d45 rgb(77,125,69)
```
#47843e
```
#47843e rgb(71,132,62)
```
#428c36
```
#428c36 rgb(66,140,54)
```
#3c932f
```
#3c932f rgb(60,147,47)
```
#379b27
```
#379b27 rgb(55,155,39)
```
#31a220
```
#31a220 rgb(49,162,32)
```
#2ba919
```
#2ba919 rgb(43,169,25)
```
#26b111
```
#26b111 rgb(38,177,17)
```
#20b80a
```
#20b80a rgb(32,184,10)
```
#1bc002
```
#1bc002 rgb(27,192,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#647b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49326 Protanopia 1% of men
#b58c3a Deuteranopia 1% of men
#5e9ca7 Tritanopia 0.001% of the population

Trichromacy

#7a9824 Protanomaly 1% of men, 0.01% of women
#859430 Deuteranomaly 6% of men, 0.4% of women
#4d9e76 Tritanomaly 0.01% of the population

#31a220 hex color

#31a220 Color Information

#31a220 Color Conversion

Color Schemes with #31a220

Alternatives to #31a220

#31a220 Preview

Shades and Tints of #31a220

Tones of #31a220

Color Blindness Simulator