#31a018 hex color

In a RGB color space, hex #31a018 is composed of 19.2% red, 62.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 0% magenta, 85% yellow and 37.3% black. It has a hue angle of 109 degrees, a saturation of 73.9% and a lightness of 36.1%. #31a018 color hex could be obtained by blending #62ff30 with #004100. Closest websafe color is: #339900.

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

● #31a018 color description : Dark lime green.

The hexadecimal color #31a018 has RGB values of R:49, G:160, B:24 and CMYK values of C:0.69, M:0, Y:0.85, K:0.37. Its decimal value is 3252248.

Hex triplet	31a018	`#31a018`
RGB Decimal	49, 160, 24	`rgb(49,160,24)`
RGB Percent	19.2, 62.7, 9.4	`rgb(19.2%,62.7%,9.4%)`
CMYK	69, 0, 85, 37
HSL	109°, 73.9, 36.1	`hsl(109,73.9%,36.1%)`
HSV (or HSB)	109°, 85, 62.7
Web Safe	339900	`#339900`

CIE-LAB	57.903, -54.48, 55.243
XYZ	14.002, 25.859, 5.118
xyY	0.311, 0.575, 25.859
CIE-LCH	57.903, 77.587, 134.602
CIE-LUV	57.903, -47.882, 67.334
Hunter-Lab	50.852, -39.843, 29.63
Binary	00110001, 10100000, 00011000

#31a018
```
#31a018 rgb(49,160,24)
```
#8718a0
```
#8718a0 rgb(135,24,160)
```

Complementary Color

#75a018
```
#75a018 rgb(117,160,24)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#18a043
```
#18a043 rgb(24,160,67)
```

Analogous Color

#a01875
```
#a01875 rgb(160,24,117)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#4318a0
```
#4318a0 rgb(67,24,160)
```

Split Complementary Color

#a01831
```
#a01831 rgb(160,24,49)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#1831a0
```
#1831a0 rgb(24,49,160)
```

Triadic Color

#a08718
```
#a08718 rgb(160,135,24)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#1831a0
```
#1831a0 rgb(24,49,160)
```
#8718a0
```
#8718a0 rgb(135,24,160)
```

Tetradic Color

#1d5d0e
```
#1d5d0e rgb(29,93,14)
```
#237411
```
#237411 rgb(35,116,17)
```
#2a8a15
```
#2a8a15 rgb(42,138,21)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#38b61b
```
#38b61b rgb(56,182,27)
```
#3fcc1f
```
#3fcc1f rgb(63,204,31)
```
#48de26
```
#48de26 rgb(72,222,38)
```

Monochromatic Color

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

#53a018
```
#53a018 rgb(83,160,24)
```
#48a018
```
#48a018 rgb(72,160,24)
```
#3ca018
```
#3ca018 rgb(60,160,24)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#26a018
```
#26a018 rgb(38,160,24)
```
#1aa018
```
#1aa018 rgb(26,160,24)
```
#18a021
```
#18a021 rgb(24,160,33)
```

Similar Colors

Text with hexadecimal color #31a018

This text has a font color of #31a018.

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

#31a018 background color

This paragraph has a background color of #31a018.

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

#31a018 border color

This element has a border color of #31a018.

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

CSS codes

.text {color:#31a018;}

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

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

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

#020601
```
#020601 rgb(2,6,1)
```
#071804
```
#071804 rgb(7,24,4)
```
#0c2906
```
#0c2906 rgb(12,41,6)
```
#123a09
```
#123a09 rgb(18,58,9)
```
#174b0b
```
#174b0b rgb(23,75,11)
```
#1c5c0e
```
#1c5c0e rgb(28,92,14)
```
#216d10
```
#216d10 rgb(33,109,16)
```
#277e13
```
#277e13 rgb(39,126,19)
```
#2c8f15
```
#2c8f15 rgb(44,143,21)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#36b11b
```
#36b11b rgb(54,177,27)
```
#3bc21d
```
#3bc21d rgb(59,194,29)
```
#41d320
```
#41d320 rgb(65,211,32)
```

Shade Color Variation

#49df28
```
#49df28 rgb(73,223,40)
```
#58e139
```
#58e139 rgb(88,225,57)
```
#66e44a
```
#66e44a rgb(102,228,74)
```
#75e65b
```
#75e65b rgb(117,230,91)
```
#83e96c
```
#83e96c rgb(131,233,108)
```
#91ec7d
```
#91ec7d rgb(145,236,125)
```
#a0ee8e
```
#a0ee8e rgb(160,238,142)
```
#aef19f
```
#aef19f rgb(174,241,159)
```
#bdf3b0
```
#bdf3b0 rgb(189,243,176)
```
#cbf6c1
```
#cbf6c1 rgb(203,246,193)
```
#d9f8d2
```
#d9f8d2 rgb(217,248,210)
```
#e8fbe3
```
#e8fbe3 rgb(232,251,227)
```
#f6fdf4
```
#f6fdf4 rgb(246,253,244)
```

Tint Color Variation

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

#596058
```
#596058 rgb(89,96,88)
```
#556751
```
#556751 rgb(85,103,81)
```
#506e4a
```
#506e4a rgb(80,110,74)
```
#4c7642
```
#4c7642 rgb(76,118,66)
```
#477d3b
```
#477d3b rgb(71,125,59)
```
#438434
```
#438434 rgb(67,132,52)
```
#3e8b2d
```
#3e8b2d rgb(62,139,45)
```
#3a9226
```
#3a9226 rgb(58,146,38)
```
#35991f
```
#35991f rgb(53,153,31)
```
#31a018
```
#31a018 rgb(49,160,24)
```
#2da711
```
#2da711 rgb(45,167,17)
```
#28ae0a
```
#28ae0a rgb(40,174,10)
```
#24b503
```
#24b503 rgb(36,181,3)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#63795e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2911e Protanopia 1% of men
#b38a34 Deuteranopia 1% of men
#5e9aa5 Tritanopia 0.001% of the population

Trichromacy

#79961c Protanomaly 1% of men, 0.01% of women
#84922a Deuteranomaly 6% of men, 0.4% of women
#4d9c71 Tritanomaly 0.01% of the population

#31a018 hex color

#31a018 Color Information

#31a018 Color Conversion

Color Schemes with #31a018

Alternatives to #31a018

#31a018 Preview

Shades and Tints of #31a018

Tones of #31a018

Color Blindness Simulator