#31a222 hex color

In a RGB color space, hex #31a222 is composed of 19.2% red, 63.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 79% yellow and 36.5% black. It has a hue angle of 113 degrees, a saturation of 65.3% and a lightness of 38.4%. #31a222 color hex could be obtained by blending #62ff44 with #004500. Closest websafe color is: #339933.

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

● #31a222 color description : Dark lime green.

The hexadecimal color #31a222 has RGB values of R:49, G:162, B:34 and CMYK values of C:0.7, M:0, Y:0.79, K:0.36. Its decimal value is 3252770.

Hex triplet	31a222	`#31a222`
RGB Decimal	49, 162, 34	`rgb(49,162,34)`
RGB Percent	19.2, 63.5, 13.3	`rgb(19.2%,63.5%,13.3%)`
CMYK	70, 0, 79, 36
HSL	113°, 65.3, 38.4	`hsl(113,65.3%,38.4%)`
HSV (or HSB)	113°, 79, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.609, -54.581, 53.014
XYZ	14.475, 26.608, 5.886
xyY	0.308, 0.566, 26.608
CIE-LCH	58.609, 76.089, 135.835
CIE-LUV	58.609, -48.443, 66.254
Hunter-Lab	51.583, -40.18, 29.342
Binary	00110001, 10100010, 00100010

#31a222
```
#31a222 rgb(49,162,34)
```
#9322a2
```
#9322a2 rgb(147,34,162)
```

Complementary Color

#71a222
```
#71a222 rgb(113,162,34)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#22a253
```
#22a253 rgb(34,162,83)
```

Analogous Color

#a22271
```
#a22271 rgb(162,34,113)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#5322a2
```
#5322a2 rgb(83,34,162)
```

Split Complementary Color

#a22231
```
#a22231 rgb(162,34,49)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#2231a2
```
#2231a2 rgb(34,49,162)
```

Triadic Color

#a29322
```
#a29322 rgb(162,147,34)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#2231a2
```
#2231a2 rgb(34,49,162)
```
#9322a2
```
#9322a2 rgb(147,34,162)
```

Tetradic Color

#1e6315
```
#1e6315 rgb(30,99,21)
```
#247819
```
#247819 rgb(36,120,25)
```
#2b8d1e
```
#2b8d1e rgb(43,141,30)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#37b726
```
#37b726 rgb(55,183,38)
```
#3ecc2b
```
#3ecc2b rgb(62,204,43)
```
#4dd63b
```
#4dd63b rgb(77,214,59)
```

Monochromatic Color

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

#51a222
```
#51a222 rgb(81,162,34)
```
#46a222
```
#46a222 rgb(70,162,34)
```
#3ca222
```
#3ca222 rgb(60,162,34)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#26a222
```
#26a222 rgb(38,162,34)
```
#22a228
```
#22a228 rgb(34,162,40)
```
#22a233
```
#22a233 rgb(34,162,51)
```

Similar Colors

Text with hexadecimal color #31a222

This text has a font color of #31a222.

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

#31a222 background color

This paragraph has a background color of #31a222.

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

#31a222 border color

This element has a border color of #31a222.

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

CSS codes

.text {color:#31a222;}

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

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

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

#051003
```
#051003 rgb(5,16,3)
```
#0a2007
```
#0a2007 rgb(10,32,7)
```
#0f310a
```
#0f310a rgb(15,49,10)
```
#14410e
```
#14410e rgb(20,65,14)
```
#185111
```
#185111 rgb(24,81,17)
```
#1d6114
```
#1d6114 rgb(29,97,20)
```
#227118
```
#227118 rgb(34,113,24)
```
#27821b
```
#27821b rgb(39,130,27)
```
#2c921f
```
#2c921f rgb(44,146,31)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#36b225
```
#36b225 rgb(54,178,37)
```
#3bc229
```
#3bc229 rgb(59,194,41)
```
#40d32c
```
#40d32c rgb(64,211,44)
```

Shade Color Variation

#4ed63c
```
#4ed63c rgb(78,214,60)
```
#5dda4d
```
#5dda4d rgb(93,218,77)
```
#6cdd5d
```
#6cdd5d rgb(108,221,93)
```
#7ae06d
```
#7ae06d rgb(122,224,109)
```
#89e47d
```
#89e47d rgb(137,228,125)
```
#98e78d
```
#98e78d rgb(152,231,141)
```
#a7eb9e
```
#a7eb9e rgb(167,235,158)
```
#b5eeae
```
#b5eeae rgb(181,238,174)
```
#c4f1be
```
#c4f1be rgb(196,241,190)
```
#d3f5ce
```
#d3f5ce rgb(211,245,206)
```
#e1f8de
```
#e1f8de rgb(225,248,222)
```
#f0fcef
```
#f0fcef rgb(240,252,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5f665e
```
#5f665e rgb(95,102,94)
```
#596d57
```
#596d57 rgb(89,109,87)
```
#54754f
```
#54754f rgb(84,117,79)
```
#4e7c48
```
#4e7c48 rgb(78,124,72)
```
#488440
```
#488440 rgb(72,132,64)
```
#428b39
```
#428b39 rgb(66,139,57)
```
#3d9331
```
#3d9331 rgb(61,147,49)
```
#379a2a
```
#379a2a rgb(55,154,42)
```
#31a222
```
#31a222 rgb(49,162,34)
```
#2baa1a
```
#2baa1a rgb(43,170,26)
```
#25b113
```
#25b113 rgb(37,177,19)
```
#20b90b
```
#20b90b rgb(32,185,11)
```
#1ac004
```
#1ac004 rgb(26,192,4)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#657c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49328 Protanopia 1% of men
#b58c3b Deuteranopia 1% of men
#5e9ca7 Tritanopia 0.001% of the population

Trichromacy

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

#31a222 hex color

#31a222 Color Information

#31a222 Color Conversion

Color Schemes with #31a222

Alternatives to #31a222

#31a222 Preview

Shades and Tints of #31a222

Tones of #31a222

Color Blindness Simulator