#31a042 hex color

In a RGB color space, hex #31a042 is composed of 19.2% red, 62.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 58.8% yellow and 37.3% black. It has a hue angle of 129.2 degrees, a saturation of 53.1% and a lightness of 41%. #31a042 color hex could be obtained by blending #62ff84 with #004100. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 63
- B 26
RGB color chart
- C 69
- M 0
- Y 59
- K 37
CMYK color chart

● #31a042 color description : Dark moderate lime green.

The hexadecimal color #31a042 has RGB values of R:49, G:160, B:66 and CMYK values of C:0.69, M:0, Y:0.59, K:0.37. Its decimal value is 3252290.

Hex triplet	31a042	`#31a042`
RGB Decimal	49, 160, 66	`rgb(49,160,66)`
RGB Percent	19.2, 62.7, 25.9	`rgb(19.2%,62.7%,25.9%)`
CMYK	69, 0, 59, 37
HSL	129.2°, 53.1, 41	`hsl(129.2,53.1%,41%)`
HSV (or HSB)	129.2°, 69.4, 62.7
Web Safe	339933	`#339933`

CIE-LAB	58.214, -50.771, 39.475
XYZ	14.82, 26.187, 9.427
xyY	0.294, 0.519, 26.187
CIE-LCH	58.214, 64.312, 142.134
CIE-LUV	58.214, -46.804, 54.742
Hunter-Lab	51.173, -37.858, 24.898
Binary	00110001, 10100000, 01000010

#31a042
```
#31a042 rgb(49,160,66)
```
#a0318f
```
#a0318f rgb(160,49,143)
```

Complementary Color

#58a031
```
#58a031 rgb(88,160,49)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#31a07a
```
#31a07a rgb(49,160,122)
```

Analogous Color

#a03158
```
#a03158 rgb(160,49,88)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#7a31a0
```
#7a31a0 rgb(122,49,160)
```

Split Complementary Color

#a04231
```
#a04231 rgb(160,66,49)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#4231a0
```
#4231a0 rgb(66,49,160)
```

Triadic Color

#8fa031
```
#8fa031 rgb(143,160,49)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#4231a0
```
#4231a0 rgb(66,49,160)
```
#a0318f
```
#a0318f rgb(160,49,143)
```

Tetradic Color

#1f652a
```
#1f652a rgb(31,101,42)
```
#257932
```
#257932 rgb(37,121,50)
```
#2b8c3a
```
#2b8c3a rgb(43,140,58)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#37b44a
```
#37b44a rgb(55,180,74)
```
#40c454
```
#40c454 rgb(64,196,84)
```
#53ca65
```
#53ca65 rgb(83,202,101)
```

Monochromatic Color

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

#3ca031
```
#3ca031 rgb(60,160,49)
```
#33a031
```
#33a031 rgb(51,160,49)
```
#31a039
```
#31a039 rgb(49,160,57)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#31a04b
```
#31a04b rgb(49,160,75)
```
#31a055
```
#31a055 rgb(49,160,85)
```
#31a05e
```
#31a05e rgb(49,160,94)
```

Similar Colors

Text with hexadecimal color #31a042

This text has a font color of #31a042.

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

#31a042 background color

This paragraph has a background color of #31a042.

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

#31a042 border color

This element has a border color of #31a042.

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

CSS codes

.text {color:#31a042;}

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

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

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, #030a04 is the darkest color, while #fafdfa is the lightest one.

#030a04
```
#030a04 rgb(3,10,4)
```
#08190a
```
#08190a rgb(8,25,10)
```
#0c2810
```
#0c2810 rgb(12,40,16)
```
#113717
```
#113717 rgb(17,55,23)
```
#15461d
```
#15461d rgb(21,70,29)
```
#1a5523
```
#1a5523 rgb(26,85,35)
```
#1f6429
```
#1f6429 rgb(31,100,41)
```
#23732f
```
#23732f rgb(35,115,47)
```
#288236
```
#288236 rgb(40,130,54)
```
#2c913c
```
#2c913c rgb(44,145,60)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#36af48
```
#36af48 rgb(54,175,72)
```
#3abe4e
```
#3abe4e rgb(58,190,78)
```

Shade Color Variation

#46c659
```
#46c659 rgb(70,198,89)
```
#55cb67
```
#55cb67 rgb(85,203,103)
```
#64cf74
```
#64cf74 rgb(100,207,116)
```
#73d482
```
#73d482 rgb(115,212,130)
```
#82d98f
```
#82d98f rgb(130,217,143)
```
#91dd9c
```
#91dd9c rgb(145,221,156)
```
#a0e2aa
```
#a0e2aa rgb(160,226,170)
```
#afe6b7
```
#afe6b7 rgb(175,230,183)
```
#beebc5
```
#beebc5 rgb(190,235,197)
```
#cdf0d2
```
#cdf0d2 rgb(205,240,210)
```
#dcf4e0
```
#dcf4e0 rgb(220,244,224)
```
#ebf9ed
```
#ebf9ed rgb(235,249,237)
```
#fafdfa
```
#fafdfa rgb(250,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #617063 is the less saturated color, while #01d021 is the most saturated one.

#617063
```
#617063 rgb(97,112,99)
```
#59785e
```
#59785e rgb(89,120,94)
```
#518058
```
#518058 rgb(81,128,88)
```
#498853
```
#498853 rgb(73,136,83)
```
#41904d
```
#41904d rgb(65,144,77)
```
#399848
```
#399848 rgb(57,152,72)
```
#31a042
```
#31a042 rgb(49,160,66)
```
#29a83c
```
#29a83c rgb(41,168,60)
```
#21b037
```
#21b037 rgb(33,176,55)
```
#19b831
```
#19b831 rgb(25,184,49)
```
#11c02c
```
#11c02c rgb(17,192,44)
```
#09c826
```
#09c826 rgb(9,200,38)
```
#01d021
```
#01d021 rgb(1,208,33)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#677d6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19246 Protanopia 1% of men
#b08b55 Deuteranopia 1% of men
#5b9ba6 Tritanopia 0.001% of the population

Trichromacy

#789744 Protanomaly 1% of men, 0.01% of women
#82934e Deuteranomaly 6% of men, 0.4% of women
#4b9d82 Tritanomaly 0.01% of the population

#31a042 hex color

#31a042 Color Information

#31a042 Color Conversion

Color Schemes with #31a042

Alternatives to #31a042

#31a042 Preview

Shades and Tints of #31a042

Tones of #31a042

Color Blindness Simulator