#31af2e hex color

In a RGB color space, hex #31af2e is composed of 19.2% red, 68.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 0% magenta, 73.7% yellow and 31.4% black. It has a hue angle of 118.6 degrees, a saturation of 58.4% and a lightness of 43.3%. #31af2e color hex could be obtained by blending #62ff5c with #005f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 69
- B 18
RGB color chart
- C 72
- M 0
- Y 74
- K 31
CMYK color chart

● #31af2e color description : Dark lime green.

The hexadecimal color #31af2e has RGB values of R:49, G:175, B:46 and CMYK values of C:0.72, M:0, Y:0.74, K:0.31. Its decimal value is 3256110.

Hex triplet	31af2e	`#31af2e`
RGB Decimal	49, 175, 46	`rgb(49,175,46)`
RGB Percent	19.2, 68.6, 18	`rgb(19.2%,68.6%,18%)`
CMYK	72, 0, 74, 31
HSL	118.6°, 58.4, 43.3	`hsl(118.6,58.4%,43.3%)`
HSV (or HSB)	118.6°, 73.7, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.935, -58.033, 53.153
XYZ	17.089, 31.509, 7.766
xyY	0.303, 0.559, 31.509
CIE-LCH	62.935, 78.695, 137.513
CIE-LUV	62.935, -52.85, 69.076
Hunter-Lab	56.132, -43.89, 31.09
Binary	00110001, 10101111, 00101110

#31af2e
```
#31af2e rgb(49,175,46)
```
#ac2eaf
```
#ac2eaf rgb(172,46,175)
```

Complementary Color

#72af2e
```
#72af2e rgb(114,175,46)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#2eaf6c
```
#2eaf6c rgb(46,175,108)
```

Analogous Color

#af2e72
```
#af2e72 rgb(175,46,114)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#6c2eaf
```
#6c2eaf rgb(108,46,175)
```

Split Complementary Color

#af2e31
```
#af2e31 rgb(175,46,49)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#2e31af
```
#2e31af rgb(46,49,175)
```

Triadic Color

#afac2e
```
#afac2e rgb(175,172,46)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#2e31af
```
#2e31af rgb(46,49,175)
```
#ac2eaf
```
#ac2eaf rgb(172,46,175)
```

Tetradic Color

#20721e
```
#20721e rgb(32,114,30)
```
#268723
```
#268723 rgb(38,135,35)
```
#2b9b29
```
#2b9b29 rgb(43,155,41)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#37c333
```
#37c333 rgb(55,195,51)
```
#46cd43
```
#46cd43 rgb(70,205,67)
```
#5ad357
```
#5ad357 rgb(90,211,87)
```

Monochromatic Color

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

#51af2e
```
#51af2e rgb(81,175,46)
```
#47af2e
```
#47af2e rgb(71,175,46)
```
#3caf2e
```
#3caf2e rgb(60,175,46)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#2eaf36
```
#2eaf36 rgb(46,175,54)
```
#2eaf41
```
#2eaf41 rgb(46,175,65)
```
#2eaf4b
```
#2eaf4b rgb(46,175,75)
```

Similar Colors

Text with hexadecimal color #31af2e

This text has a font color of #31af2e.

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

#31af2e background color

This paragraph has a background color of #31af2e.

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

#31af2e border color

This element has a border color of #31af2e.

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

CSS codes

.text {color:#31af2e;}

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

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

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

#010401
```
#010401 rgb(1,4,1)
```
#061405
```
#061405 rgb(6,20,5)
```
#0a2309
```
#0a2309 rgb(10,35,9)
```
#0e330d
```
#0e330d rgb(14,51,13)
```
#134211
```
#134211 rgb(19,66,17)
```
#175216
```
#175216 rgb(23,82,22)
```
#1b611a
```
#1b611a rgb(27,97,26)
```
#20711e
```
#20711e rgb(32,113,30)
```
#248022
```
#248022 rgb(36,128,34)
```
#289026
```
#289026 rgb(40,144,38)
```
#2d9f2a
```
#2d9f2a rgb(45,159,42)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#35bf32
```
#35bf32 rgb(53,191,50)
```

Shade Color Variation

#3dcb39
```
#3dcb39 rgb(61,203,57)
```
#4ccf49
```
#4ccf49 rgb(76,207,73)
```
#5bd358
```
#5bd358 rgb(91,211,88)
```
#6ad768
```
#6ad768 rgb(106,215,104)
```
#7adb77
```
#7adb77 rgb(122,219,119)
```
#89df87
```
#89df87 rgb(137,223,135)
```
#98e496
```
#98e496 rgb(152,228,150)
```
#a7e8a6
```
#a7e8a6 rgb(167,232,166)
```
#b7ecb5
```
#b7ecb5 rgb(183,236,181)
```
#c6f0c5
```
#c6f0c5 rgb(198,240,197)
```
#d5f4d5
```
#d5f4d5 rgb(213,244,213)
```
#e5f8e4
```
#e5f8e4 rgb(229,248,228)
```
#f4fcf4
```
#f4fcf4 rgb(244,252,244)
```

Tint Color Variation

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

#6a746a
```
#6a746a rgb(106,116,106)
```
#627c61
```
#627c61 rgb(98,124,97)
```
#5a8559
```
#5a8559 rgb(90,133,89)
```
#518d50
```
#518d50 rgb(81,141,80)
```
#499648
```
#499648 rgb(73,150,72)
```
#419e3f
```
#419e3f rgb(65,158,63)
```
#39a737
```
#39a737 rgb(57,167,55)
```
#31af2e
```
#31af2e rgb(49,175,46)
```
#29b826
```
#29b826 rgb(41,184,38)
```
#21c01d
```
#21c01d rgb(33,192,29)
```
#19c915
```
#19c915 rgb(25,201,21)
```
#11d10c
```
#11d10c rgb(17,209,12)
```
#08da03
```
#08da03 rgb(8,218,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c856c Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d33 Protanopia 1% of men
#c19646 Deuteranopia 1% of men
#62a7b4 Tritanopia 0.001% of the population

Trichromacy

#81a431 Protanomaly 1% of men, 0.01% of women
#8d9f3d Deuteranomaly 6% of men, 0.4% of women
#50aa83 Tritanomaly 0.01% of the population

#31af2e hex color

#31af2e Color Information

#31af2e Color Conversion

Color Schemes with #31af2e

Alternatives to #31af2e

#31af2e Preview

Shades and Tints of #31af2e

Tones of #31af2e

Color Blindness Simulator