#31a842 hex color

In a RGB color space, hex #31a842 is composed of 19.2% red, 65.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 0% magenta, 60.7% yellow and 34.1% black. It has a hue angle of 128.6 degrees, a saturation of 54.8% and a lightness of 42.5%. #31a842 color hex could be obtained by blending #62ff84 with #005100. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 66
- B 26
RGB color chart
- C 71
- M 0
- Y 61
- K 34
CMYK color chart

● #31a842 color description : Dark lime green.

The hexadecimal color #31a842 has RGB values of R:49, G:168, B:66 and CMYK values of C:0.71, M:0, Y:0.61, K:0.34. Its decimal value is 3254338.

Hex triplet	31a842	`#31a842`
RGB Decimal	49, 168, 66	`rgb(49,168,66)`
RGB Percent	19.2, 65.9, 25.9	`rgb(19.2%,65.9%,25.9%)`
CMYK	71, 0, 61, 34
HSL	128.6°, 54.8, 42.5	`hsl(128.6,54.8%,42.5%)`
HSV (or HSB)	128.6°, 70.8, 65.9
Web Safe	339933	`#339933`

CIE-LAB	60.826, -53.628, 42.51
XYZ	16.252, 29.05, 9.905
xyY	0.294, 0.526, 29.05
CIE-LCH	60.826, 68.433, 141.597
CIE-LUV	60.826, -49.731, 58.84
Hunter-Lab	53.898, -40.499, 26.833
Binary	00110001, 10101000, 01000010

#31a842
```
#31a842 rgb(49,168,66)
```
#a83197
```
#a83197 rgb(168,49,151)
```

Complementary Color

#5ca831
```
#5ca831 rgb(92,168,49)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#31a87e
```
#31a87e rgb(49,168,126)
```

Analogous Color

#a8315c
```
#a8315c rgb(168,49,92)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#7e31a8
```
#7e31a8 rgb(126,49,168)
```

Split Complementary Color

#a84231
```
#a84231 rgb(168,66,49)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#4231a8
```
#4231a8 rgb(66,49,168)
```

Triadic Color

#97a831
```
#97a831 rgb(151,168,49)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#4231a8
```
#4231a8 rgb(66,49,168)
```
#a83197
```
#a83197 rgb(168,49,151)
```

Tetradic Color

#206d2b
```
#206d2b rgb(32,109,43)
```
#258132
```
#258132 rgb(37,129,50)
```
#2b943a
```
#2b943a rgb(43,148,58)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#37bc4a
```
#37bc4a rgb(55,188,74)
```
#44c857
```
#44c857 rgb(68,200,87)
```
#57ce68
```
#57ce68 rgb(87,206,104)
```

Monochromatic Color

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

#3ea831
```
#3ea831 rgb(62,168,49)
```
#34a831
```
#34a831 rgb(52,168,49)
```
#31a838
```
#31a838 rgb(49,168,56)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#31a84c
```
#31a84c rgb(49,168,76)
```
#31a856
```
#31a856 rgb(49,168,86)
```
#31a860
```
#31a860 rgb(49,168,96)
```

Similar Colors

Text with hexadecimal color #31a842

This text has a font color of #31a842.

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

#31a842 background color

This paragraph has a background color of #31a842.

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

#31a842 border color

This element has a border color of #31a842.

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

CSS codes

.text {color:#31a842;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#051006
```
#051006 rgb(5,16,6)
```
#091f0c
```
#091f0c rgb(9,31,12)
```
#0e2f12
```
#0e2f12 rgb(14,47,18)
```
#123e18
```
#123e18 rgb(18,62,24)
```
#164d1e
```
#164d1e rgb(22,77,30)
```
#1b5c24
```
#1b5c24 rgb(27,92,36)
```
#1f6b2a
```
#1f6b2a rgb(31,107,42)
```
#247a30
```
#247a30 rgb(36,122,48)
```
#288a36
```
#288a36 rgb(40,138,54)
```
#2d993c
```
#2d993c rgb(45,153,60)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#35b748
```
#35b748 rgb(53,183,72)
```

Shade Color Variation

#3bc64e
```
#3bc64e rgb(59,198,78)
```
#4aca5c
```
#4aca5c rgb(74,202,92)
```
#59cf6a
```
#59cf6a rgb(89,207,106)
```
#68d377
```
#68d377 rgb(104,211,119)
```
#77d785
```
#77d785 rgb(119,215,133)
```
#86dc93
```
#86dc93 rgb(134,220,147)
```
#96e0a0
```
#96e0a0 rgb(150,224,160)
```
#a5e5ae
```
#a5e5ae rgb(165,229,174)
```
#b4e9bc
```
#b4e9bc rgb(180,233,188)
```
#c3eec9
```
#c3eec9 rgb(195,238,201)
```
#d2f2d7
```
#d2f2d7 rgb(210,242,215)
```
#e2f6e5
```
#e2f6e5 rgb(226,246,229)
```
#f1fbf2
```
#f1fbf2 rgb(241,251,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e6c is the less saturated color, while #07d224 is the most saturated one.

#6b6e6c
```
#6b6e6c rgb(107,110,108)
```
#637666
```
#637666 rgb(99,118,102)
```
#5b7e60
```
#5b7e60 rgb(91,126,96)
```
#52875a
```
#52875a rgb(82,135,90)
```
#4a8f54
```
#4a8f54 rgb(74,143,84)
```
#42974e
```
#42974e rgb(66,151,78)
```
#39a048
```
#39a048 rgb(57,160,72)
```
#31a842
```
#31a842 rgb(49,168,66)
```
#29b03c
```
#29b03c rgb(41,176,60)
```
#20b936
```
#20b936 rgb(32,185,54)
```
#18c130
```
#18c130 rgb(24,193,48)
```
#10c92a
```
#10c92a rgb(16,201,42)
```
#07d224
```
#07d224 rgb(7,210,36)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6b826e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89845 Protanopia 1% of men
#b89156 Deuteranopia 1% of men
#5ea2ae Tritanopia 0.001% of the population

Trichromacy

#7d9e44 Protanomaly 1% of men, 0.01% of women
#87994e Deuteranomaly 6% of men, 0.4% of women
#4da486 Tritanomaly 0.01% of the population

#31a842 hex color

#31a842 Color Information

#31a842 Color Conversion

Color Schemes with #31a842

Alternatives to #31a842

#31a842 Preview

Shades and Tints of #31a842

Tones of #31a842

Color Blindness Simulator