#31a41f hex color

In a RGB color space, hex #31a41f is composed of 19.2% red, 64.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 81.1% yellow and 35.7% black. It has a hue angle of 111.9 degrees, a saturation of 68.2% and a lightness of 38.2%. #31a41f color hex could be obtained by blending #62ff3e with #004900. Closest websafe color is: #339933.

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

● #31a41f color description : Dark lime green.

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

Hex triplet	31a41f	`#31a41f`
RGB Decimal	49, 164, 31	`rgb(49,164,31)`
RGB Percent	19.2, 64.3, 12.2	`rgb(19.2%,64.3%,12.2%)`
CMYK	70, 0, 81, 36
HSL	111.9°, 68.2, 38.2	`hsl(111.9,68.2%,38.2%)`
HSV (or HSB)	111.9°, 81.1, 64.3
Web Safe	339933	`#339933`

CIE-LAB	59.252, -55.437, 54.551
XYZ	14.789, 27.301, 5.787
xyY	0.309, 0.57, 27.301
CIE-LCH	59.252, 77.776, 135.461
CIE-LUV	59.252, -49.225, 67.777
Hunter-Lab	52.251, -40.918, 30.009
Binary	00110001, 10100100, 00011111

#31a41f
```
#31a41f rgb(49,164,31)
```
#921fa4
```
#921fa4 rgb(146,31,164)
```

Complementary Color

#74a41f
```
#74a41f rgb(116,164,31)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#1fa450
```
#1fa450 rgb(31,164,80)
```

Analogous Color

#a41f74
```
#a41f74 rgb(164,31,116)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#4f1fa4
```
#4f1fa4 rgb(79,31,164)
```

Split Complementary Color

#a41f31
```
#a41f31 rgb(164,31,49)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#1f31a4
```
#1f31a4 rgb(31,49,164)
```

Triadic Color

#a4921f
```
#a4921f rgb(164,146,31)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#1f31a4
```
#1f31a4 rgb(31,49,164)
```
#921fa4
```
#921fa4 rgb(146,31,164)
```

Tetradic Color

#1e6413
```
#1e6413 rgb(30,100,19)
```
#247917
```
#247917 rgb(36,121,23)
```
#2b8f1b
```
#2b8f1b rgb(43,143,27)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#37b923
```
#37b923 rgb(55,185,35)
```
#3ecf27
```
#3ecf27 rgb(62,207,39)
```
#4cd936
```
#4cd936 rgb(76,217,54)
```

Monochromatic Color

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

#52a41f
```
#52a41f rgb(82,164,31)
```
#47a41f
```
#47a41f rgb(71,164,31)
```
#3ca41f
```
#3ca41f rgb(60,164,31)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#26a41f
```
#26a41f rgb(38,164,31)
```
#1fa423
```
#1fa423 rgb(31,164,35)
```
#1fa42e
```
#1fa42e rgb(31,164,46)
```

Similar Colors

Text with hexadecimal color #31a41f

This text has a font color of #31a41f.

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

#31a41f background color

This paragraph has a background color of #31a41f.

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

#31a41f border color

This element has a border color of #31a41f.

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

CSS codes

.text {color:#31a41f;}

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

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

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

#051003
```
#051003 rgb(5,16,3)
```
#0a2006
```
#0a2006 rgb(10,32,6)
```
#0e3109
```
#0e3109 rgb(14,49,9)
```
#13410c
```
#13410c rgb(19,65,12)
```
#18520f
```
#18520f rgb(24,82,15)
```
#1d6213
```
#1d6213 rgb(29,98,19)
```
#227316
```
#227316 rgb(34,115,22)
```
#278319
```
#278319 rgb(39,131,25)
```
#2c941c
```
#2c941c rgb(44,148,28)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#36b422
```
#36b422 rgb(54,180,34)
```
#3bc525
```
#3bc525 rgb(59,197,37)
```
#40d528
```
#40d528 rgb(64,213,40)
```

Shade Color Variation

#4ed938
```
#4ed938 rgb(78,217,56)
```
#5ddd49
```
#5ddd49 rgb(93,221,73)
```
#6be059
```
#6be059 rgb(107,224,89)
```
#7ae36a
```
#7ae36a rgb(122,227,106)
```
#89e67a
```
#89e67a rgb(137,230,122)
```
#97e98b
```
#97e98b rgb(151,233,139)
```
#a6ec9b
```
#a6ec9b rgb(166,236,155)
```
#b5efac
```
#b5efac rgb(181,239,172)
```
#c3f2bc
```
#c3f2bc rgb(195,242,188)
```
#d2f5cd
```
#d2f5cd rgb(210,245,205)
```
#e1f9dd
```
#e1f9dd rgb(225,249,221)
```
#effcee
```
#effcee rgb(239,252,238)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#5d685b
```
#5d685b rgb(93,104,91)
```
#577054
```
#577054 rgb(87,112,84)
```
#52774c
```
#52774c rgb(82,119,76)
```
#4c7f45
```
#4c7f45 rgb(76,127,69)
```
#47863d
```
#47863d rgb(71,134,61)
```
#418e36
```
#418e36 rgb(65,142,54)
```
#3c952e
```
#3c952e rgb(60,149,46)
```
#369d27
```
#369d27 rgb(54,157,39)
```
#31a41f
```
#31a41f rgb(49,164,31)
```
#2cac18
```
#2cac18 rgb(44,172,24)
```
#26b310
```
#26b310 rgb(38,179,16)
```
#21bb09
```
#21bb09 rgb(33,187,9)
```
#1bc201
```
#1bc201 rgb(27,194,1)
```

Tone Color Variation

Below, you can see how #31a41f 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
#657c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69425 Protanopia 1% of men
#b78d39 Deuteranopia 1% of men
#5f9da9 Tritanopia 0.001% of the population

Trichromacy

#7b9a23 Protanomaly 1% of men, 0.01% of women
#869530 Deuteranomaly 6% of men, 0.4% of women
#4ea076 Tritanomaly 0.01% of the population

#31a41f hex color

#31a41f Color Information

#31a41f Color Conversion

Color Schemes with #31a41f

Alternatives to #31a41f

#31a41f Preview

Shades and Tints of #31a41f

Tones of #31a41f

Color Blindness Simulator