#31a421 hex color

In a RGB color space, hex #31a421 is composed of 19.2% red, 64.3% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 79.9% yellow and 35.7% black. It has a hue angle of 112.7 degrees, a saturation of 66.5% and a lightness of 38.6%. #31a421 color hex could be obtained by blending #62ff42 with #004900. 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

● #31a421 color description : Dark lime green.

The hexadecimal color #31a421 has RGB values of R:49, G:164, B:33 and CMYK values of C:0.7, M:0, Y:0.8, K:0.36. Its decimal value is 3253281.

Hex triplet	31a421	`#31a421`
RGB Decimal	49, 164, 33	`rgb(49,164,33)`
RGB Percent	19.2, 64.3, 12.9	`rgb(19.2%,64.3%,12.9%)`
CMYK	70, 0, 80, 36
HSL	112.7°, 66.5, 38.6	`hsl(112.7,66.5%,38.6%)`
HSV (or HSB)	112.7°, 79.9, 64.3
Web Safe	339933	`#339933`

CIE-LAB	59.262, -55.315, 53.953
XYZ	14.816, 27.312, 5.93
xyY	0.308, 0.568, 27.312
CIE-LCH	59.262, 77.271, 135.714
CIE-LUV	59.262, -49.189, 67.359
Hunter-Lab	52.261, -40.853, 29.856
Binary	00110001, 10100100, 00100001

#31a421
```
#31a421 rgb(49,164,33)
```
#9421a4
```
#9421a4 rgb(148,33,164)
```

Complementary Color

#73a421
```
#73a421 rgb(115,164,33)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#21a453
```
#21a453 rgb(33,164,83)
```

Analogous Color

#a42173
```
#a42173 rgb(164,33,115)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#5221a4
```
#5221a4 rgb(82,33,164)
```

Split Complementary Color

#a42131
```
#a42131 rgb(164,33,49)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#2131a4
```
#2131a4 rgb(33,49,164)
```

Triadic Color

#a49421
```
#a49421 rgb(164,148,33)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#2131a4
```
#2131a4 rgb(33,49,164)
```
#9421a4
```
#9421a4 rgb(148,33,164)
```

Tetradic Color

#1e6414
```
#1e6414 rgb(30,100,20)
```
#247a18
```
#247a18 rgb(36,122,24)
```
#2b8f1d
```
#2b8f1d rgb(43,143,29)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#37b925
```
#37b925 rgb(55,185,37)
```
#3ece2a
```
#3ece2a rgb(62,206,42)
```
#4dd73a
```
#4dd73a rgb(77,215,58)
```

Monochromatic Color

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

#52a421
```
#52a421 rgb(82,164,33)
```
#47a421
```
#47a421 rgb(71,164,33)
```
#3ca421
```
#3ca421 rgb(60,164,33)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#26a421
```
#26a421 rgb(38,164,33)
```
#21a427
```
#21a427 rgb(33,164,39)
```
#21a432
```
#21a432 rgb(33,164,50)
```

Similar Colors

Text with hexadecimal color #31a421

This text has a font color of #31a421.

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

#31a421 background color

This paragraph has a background color of #31a421.

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

#31a421 border color

This element has a border color of #31a421.

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

CSS codes

.text {color:#31a421;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#051103
```
#051103 rgb(5,17,3)
```
#0a2107
```
#0a2107 rgb(10,33,7)
```
#0f320a
```
#0f320a rgb(15,50,10)
```
#14420d
```
#14420d rgb(20,66,13)
```
#195211
```
#195211 rgb(25,82,17)
```
#1d6314
```
#1d6314 rgb(29,99,20)
```
#227317
```
#227317 rgb(34,115,23)
```
#27831a
```
#27831a rgb(39,131,26)
```
#2c941e
```
#2c941e rgb(44,148,30)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#36b424
```
#36b424 rgb(54,180,36)
```
#3bc528
```
#3bc528 rgb(59,197,40)
```

Shade Color Variation

#40d42b
```
#40d42b rgb(64,212,43)
```
#4fd83c
```
#4fd83c rgb(79,216,60)
```
#5edb4c
```
#5edb4c rgb(94,219,76)
```
#6cde5c
```
#6cde5c rgb(108,222,92)
```
#7be26d
```
#7be26d rgb(123,226,109)
```
#8ae57d
```
#8ae57d rgb(138,229,125)
```
#98e88d
```
#98e88d rgb(152,232,141)
```
#a7eb9e
```
#a7eb9e rgb(167,235,158)
```
#b6efae
```
#b6efae rgb(182,239,174)
```
#c5f2be
```
#c5f2be rgb(197,242,190)
```
#d3f5cf
```
#d3f5cf rgb(211,245,207)
```
#e2f9df
```
#e2f9df rgb(226,249,223)
```
#f1fcef
```
#f1fcef rgb(241,252,239)
```

Tint Color Variation

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

#5f675e
```
#5f675e rgb(95,103,94)
```
#596f56
```
#596f56 rgb(89,111,86)
```
#53774e
```
#53774e rgb(83,119,78)
```
#4e7e47
```
#4e7e47 rgb(78,126,71)
```
#48863f
```
#48863f rgb(72,134,63)
```
#428d38
```
#428d38 rgb(66,141,56)
```
#3c9530
```
#3c9530 rgb(60,149,48)
```
#379c29
```
#379c29 rgb(55,156,41)
```
#31a421
```
#31a421 rgb(49,164,33)
```
#2bac19
```
#2bac19 rgb(43,172,25)
```
#26b312
```
#26b312 rgb(38,179,18)
```
#20bb0a
```
#20bb0a rgb(32,187,10)
```
#1ac203
```
#1ac203 rgb(26,194,3)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#667d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69427 Protanopia 1% of men
#b78d3b Deuteranopia 1% of men
#5f9da9 Tritanopia 0.001% of the population

Trichromacy

#7b9a25 Protanomaly 1% of men, 0.01% of women
#869531 Deuteranomaly 6% of men, 0.4% of women
#4ea077 Tritanomaly 0.01% of the population

#31a421 hex color

#31a421 Color Information

#31a421 Color Conversion

Color Schemes with #31a421

Alternatives to #31a421

#31a421 Preview

Shades and Tints of #31a421

Tones of #31a421

Color Blindness Simulator