#31a123 hex color

In a RGB color space, hex #31a123 is composed of 19.2% red, 63.1% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0% magenta, 78.3% yellow and 36.9% black. It has a hue angle of 113.3 degrees, a saturation of 64.3% and a lightness of 38.4%. #31a123 color hex could be obtained by blending #62ff46 with #004300. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 63
- B 14
RGB color chart
- C 70
- M 0
- Y 78
- K 37
CMYK color chart

● #31a123 color description : Dark lime green.

The hexadecimal color #31a123 has RGB values of R:49, G:161, B:35 and CMYK values of C:0.7, M:0, Y:0.78, K:0.37. Its decimal value is 3252515.

Hex triplet	31a123	`#31a123`
RGB Decimal	49, 161, 35	`rgb(49,161,35)`
RGB Percent	19.2, 63.1, 13.7	`rgb(19.2%,63.1%,13.7%)`
CMYK	70, 0, 78, 37
HSL	113.3°, 64.3, 38.4	`hsl(113.3,64.3%,38.4%)`
HSV (or HSB)	113.3°, 78.3, 63.1
Web Safe	339933	`#339933`

CIE-LAB	58.286, -54.178, 52.376
XYZ	14.314, 26.263, 5.905
xyY	0.308, 0.565, 26.263
CIE-LCH	58.286, 75.355, 135.969
CIE-LUV	58.286, -48.058, 65.58
Hunter-Lab	51.247, -39.825, 29.041
Binary	00110001, 10100001, 00100011

#31a123
```
#31a123 rgb(49,161,35)
```
#9323a1
```
#9323a1 rgb(147,35,161)
```

Complementary Color

#70a123
```
#70a123 rgb(112,161,35)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#23a154
```
#23a154 rgb(35,161,84)
```

Analogous Color

#a12370
```
#a12370 rgb(161,35,112)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#5423a1
```
#5423a1 rgb(84,35,161)
```

Split Complementary Color

#a12331
```
#a12331 rgb(161,35,49)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#2331a1
```
#2331a1 rgb(35,49,161)
```

Triadic Color

#a19323
```
#a19323 rgb(161,147,35)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#2331a1
```
#2331a1 rgb(35,49,161)
```
#9323a1
```
#9323a1 rgb(147,35,161)
```

Tetradic Color

#1e6215
```
#1e6215 rgb(30,98,21)
```
#24771a
```
#24771a rgb(36,119,26)
```
#2b8c1e
```
#2b8c1e rgb(43,140,30)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#37b628
```
#37b628 rgb(55,182,40)
```
#3ecb2c
```
#3ecb2c rgb(62,203,44)
```
#4dd53c
```
#4dd53c rgb(77,213,60)
```

Monochromatic Color

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

#51a123
```
#51a123 rgb(81,161,35)
```
#46a123
```
#46a123 rgb(70,161,35)
```
#3ca123
```
#3ca123 rgb(60,161,35)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#27a123
```
#27a123 rgb(39,161,35)
```
#23a12a
```
#23a12a rgb(35,161,42)
```
#23a134
```
#23a134 rgb(35,161,52)
```

Similar Colors

Text with hexadecimal color #31a123

This text has a font color of #31a123.

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

#31a123 background color

This paragraph has a background color of #31a123.

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

#31a123 border color

This element has a border color of #31a123.

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

CSS codes

.text {color:#31a123;}

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

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

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)
```
#0f300a
```
#0f300a rgb(15,48,10)
```
#14400e
```
#14400e rgb(20,64,14)
```
#185011
```
#185011 rgb(24,80,17)
```
#1d6115
```
#1d6115 rgb(29,97,21)
```
#227118
```
#227118 rgb(34,113,24)
```
#27811c
```
#27811c rgb(39,129,28)
```
#2c911f
```
#2c911f rgb(44,145,31)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#36b127
```
#36b127 rgb(54,177,39)
```
#3bc12a
```
#3bc12a rgb(59,193,42)
```
#40d12e
```
#40d12e rgb(64,209,46)
```

Shade Color Variation

#4ed53e
```
#4ed53e rgb(78,213,62)
```
#5dd84e
```
#5dd84e rgb(93,216,78)
```
#6cdc5e
```
#6cdc5e rgb(108,220,94)
```
#7adf6e
```
#7adf6e rgb(122,223,110)
```
#89e37e
```
#89e37e rgb(137,227,126)
```
#98e68e
```
#98e68e rgb(152,230,142)
```
#a7ea9e
```
#a7ea9e rgb(167,234,158)
```
#b5edae
```
#b5edae rgb(181,237,174)
```
#c4f1be
```
#c4f1be rgb(196,241,190)
```
#d3f4cf
```
#d3f4cf rgb(211,244,207)
```
#e1f8df
```
#e1f8df rgb(225,248,223)
```
#f0fbef
```
#f0fbef rgb(240,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#60655f
```
#60655f rgb(96,101,95)
```
#5a6c58
```
#5a6c58 rgb(90,108,88)
```
#547450
```
#547450 rgb(84,116,80)
```
#4e7b49
```
#4e7b49 rgb(78,123,73)
```
#488341
```
#488341 rgb(72,131,65)
```
#438a3a
```
#438a3a rgb(67,138,58)
```
#3d9232
```
#3d9232 rgb(61,146,50)
```
#37992b
```
#37992b rgb(55,153,43)
```
#31a123
```
#31a123 rgb(49,161,35)
```
#2ba91b
```
#2ba91b rgb(43,169,27)
```
#25b014
```
#25b014 rgb(37,176,20)
```
#1fb80c
```
#1fb80c rgb(31,184,12)
```
#1abf05
```
#1abf05 rgb(26,191,5)
```

Tone Color Variation

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

#a39229 Protanopia 1% of men
#b48b3c Deuteranopia 1% of men
#5d9ba6 Tritanopia 0.001% of the population

Trichromacy

#799727 Protanomaly 1% of men, 0.01% of women
#849333 Deuteranomaly 6% of men, 0.4% of women
#4d9d76 Tritanomaly 0.01% of the population

#31a123 hex color

#31a123 Color Information

#31a123 Color Conversion

Color Schemes with #31a123

Alternatives to #31a123

#31a123 Preview

Shades and Tints of #31a123

Tones of #31a123

Color Blindness Simulator