#31a217 hex color

In a RGB color space, hex #31a217 is composed of 19.2% red, 63.5% green and 9% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 85.8% yellow and 36.5% black. It has a hue angle of 108.8 degrees, a saturation of 75.1% and a lightness of 36.3%. #31a217 color hex could be obtained by blending #62ff2e with #004500. Closest websafe color is: #339900.

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

● #31a217 color description : Dark lime green.

The hexadecimal color #31a217 has RGB values of R:49, G:162, B:23 and CMYK values of C:0.7, M:0, Y:0.86, K:0.36. Its decimal value is 3252759.

Hex triplet	31a217	`#31a217`
RGB Decimal	49, 162, 23	`rgb(49,162,23)`
RGB Percent	19.2, 63.5, 9	`rgb(19.2%,63.5%,9%)`
CMYK	70, 0, 86, 36
HSL	108.8°, 75.1, 36.3	`hsl(108.8,75.1%,36.3%)`
HSV (or HSB)	108.8°, 85.8, 63.5
Web Safe	339900	`#339900`

CIE-LAB	58.559, -55.192, 56.08
XYZ	14.341, 26.554, 5.18
xyY	0.311, 0.576, 26.554
CIE-LCH	58.559, 78.684, 134.543
CIE-LUV	58.559, -48.625, 68.356
Hunter-Lab	51.531, -40.503, 30.111
Binary	00110001, 10100010, 00010111

#31a217
```
#31a217 rgb(49,162,23)
```
#8817a2
```
#8817a2 rgb(136,23,162)
```

Complementary Color

#77a217
```
#77a217 rgb(119,162,23)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#17a242
```
#17a242 rgb(23,162,66)
```

Analogous Color

#a21777
```
#a21777 rgb(162,23,119)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#4217a2
```
#4217a2 rgb(66,23,162)
```

Split Complementary Color

#a21731
```
#a21731 rgb(162,23,49)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#1731a2
```
#1731a2 rgb(23,49,162)
```

Triadic Color

#a28817
```
#a28817 rgb(162,136,23)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#1731a2
```
#1731a2 rgb(23,49,162)
```
#8817a2
```
#8817a2 rgb(136,23,162)
```

Tetradic Color

#1d5f0d
```
#1d5f0d rgb(29,95,13)
```
#237511
```
#237511 rgb(35,117,17)
```
#2a8c14
```
#2a8c14 rgb(42,140,20)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#38b81a
```
#38b81a rgb(56,184,26)
```
#3fcf1d
```
#3fcf1d rgb(63,207,29)
```
#48e025
```
#48e025 rgb(72,224,37)
```

Monochromatic Color

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

#54a217
```
#54a217 rgb(84,162,23)
```
#48a217
```
#48a217 rgb(72,162,23)
```
#3da217
```
#3da217 rgb(61,162,23)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#25a217
```
#25a217 rgb(37,162,23)
```
#1aa217
```
#1aa217 rgb(26,162,23)
```
#17a220
```
#17a220 rgb(23,162,32)
```

Similar Colors

Text with hexadecimal color #31a217

This text has a font color of #31a217.

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

#31a217 background color

This paragraph has a background color of #31a217.

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

#31a217 border color

This element has a border color of #31a217.

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

CSS codes

.text {color:#31a217;}

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

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

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

#020701
```
#020701 rgb(2,7,1)
```
#071903
```
#071903 rgb(7,25,3)
```
#0d2a06
```
#0d2a06 rgb(13,42,6)
```
#123b08
```
#123b08 rgb(18,59,8)
```
#174c0b
```
#174c0b rgb(23,76,11)
```
#1c5d0d
```
#1c5d0d rgb(28,93,13)
```
#216e10
```
#216e10 rgb(33,110,16)
```
#278012
```
#278012 rgb(39,128,18)
```
#2c9115
```
#2c9115 rgb(44,145,21)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#36b319
```
#36b319 rgb(54,179,25)
```
#3bc41c
```
#3bc41c rgb(59,196,28)
```
#41d61e
```
#41d61e rgb(65,214,30)
```

Shade Color Variation

#4ae027
```
#4ae027 rgb(74,224,39)
```
#58e338
```
#58e338 rgb(88,227,56)
```
#67e549
```
#67e549 rgb(103,229,73)
```
#75e85b
```
#75e85b rgb(117,232,91)
```
#83ea6c
```
#83ea6c rgb(131,234,108)
```
#92ed7d
```
#92ed7d rgb(146,237,125)
```
#a0ef8e
```
#a0ef8e rgb(160,239,142)
```
#aff19f
```
#aff19f rgb(175,241,159)
```
#bdf4b1
```
#bdf4b1 rgb(189,244,177)
```
#ccf6c2
```
#ccf6c2 rgb(204,246,194)
```
#daf9d3
```
#daf9d3 rgb(218,249,211)
```
#e8fbe4
```
#e8fbe4 rgb(232,251,228)
```
#f7fef5
```
#f7fef5 rgb(247,254,245)
```

Tint Color Variation

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

#596257
```
#596257 rgb(89,98,87)
```
#556950
```
#556950 rgb(85,105,80)
```
#507049
```
#507049 rgb(80,112,73)
```
#4c7742
```
#4c7742 rgb(76,119,66)
```
#477e3b
```
#477e3b rgb(71,126,59)
```
#438633
```
#438633 rgb(67,134,51)
```
#3e8d2c
```
#3e8d2c rgb(62,141,44)
```
#3a9425
```
#3a9425 rgb(58,148,37)
```
#359b1e
```
#359b1e rgb(53,155,30)
```
#31a217
```
#31a217 rgb(49,162,23)
```
#2da910
```
#2da910 rgb(45,169,16)
```
#28b009
```
#28b009 rgb(40,176,9)
```
#24b702
```
#24b702 rgb(36,183,2)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#637a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4931d Protanopia 1% of men
#b58b34 Deuteranopia 1% of men
#5e9ba7 Tritanopia 0.001% of the population

Trichromacy

#7a981b Protanomaly 1% of men, 0.01% of women
#859329 Deuteranomaly 6% of men, 0.4% of women
#4e9e72 Tritanomaly 0.01% of the population

#31a217 hex color

#31a217 Color Information

#31a217 Color Conversion

Color Schemes with #31a217

Alternatives to #31a217

#31a217 Preview

Shades and Tints of #31a217

Tones of #31a217

Color Blindness Simulator