#31aa1f hex color

In a RGB color space, hex #31aa1f is composed of 19.2% red, 66.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 71.2% cyan, 0% magenta, 81.8% yellow and 33.3% black. It has a hue angle of 112.2 degrees, a saturation of 69.2% and a lightness of 39.4%. #31aa1f color hex could be obtained by blending #62ff3e with #005500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 67
- B 12
RGB color chart
- C 71
- M 0
- Y 82
- K 33
CMYK color chart

● #31aa1f color description : Dark lime green.

The hexadecimal color #31aa1f has RGB values of R:49, G:170, B:31 and CMYK values of C:0.71, M:0, Y:0.82, K:0.33. Its decimal value is 3254815.

Hex triplet	31aa1f	`#31aa1f`
RGB Decimal	49, 170, 31	`rgb(49,170,31)`
RGB Percent	19.2, 66.7, 12.2	`rgb(19.2%,66.7%,12.2%)`
CMYK	71, 0, 82, 33
HSL	112.2°, 69.2, 39.4	`hsl(112.2,69.2%,39.4%)`
HSV (or HSB)	112.2°, 81.8, 66.7
Web Safe	339933	`#339933`

CIE-LAB	61.22, -57.415, 56.389
XYZ	15.888, 29.5, 6.153
xyY	0.308, 0.572, 29.5
CIE-LCH	61.22, 80.475, 135.516
CIE-LUV	61.22, -51.385, 70.391
Hunter-Lab	54.314, -42.834, 31.303
Binary	00110001, 10101010, 00011111

#31aa1f
```
#31aa1f rgb(49,170,31)
```
#981faa
```
#981faa rgb(152,31,170)
```

Complementary Color

#77aa1f
```
#77aa1f rgb(119,170,31)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#1faa52
```
#1faa52 rgb(31,170,82)
```

Analogous Color

#aa1f77
```
#aa1f77 rgb(170,31,119)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#521faa
```
#521faa rgb(82,31,170)
```

Split Complementary Color

#aa1f31
```
#aa1f31 rgb(170,31,49)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#1f31aa
```
#1f31aa rgb(31,49,170)
```

Triadic Color

#aa981f
```
#aa981f rgb(170,152,31)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#1f31aa
```
#1f31aa rgb(31,49,170)
```
#981faa
```
#981faa rgb(152,31,170)
```

Tetradic Color

#1e6913
```
#1e6913 rgb(30,105,19)
```
#257f17
```
#257f17 rgb(37,127,23)
```
#2b941b
```
#2b941b rgb(43,148,27)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#37c023
```
#37c023 rgb(55,192,35)
```
#3dd527
```
#3dd527 rgb(61,213,39)
```
#4fdb3a
```
#4fdb3a rgb(79,219,58)
```

Monochromatic Color

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

#54aa1f
```
#54aa1f rgb(84,170,31)
```
#48aa1f
```
#48aa1f rgb(72,170,31)
```
#3daa1f
```
#3daa1f rgb(61,170,31)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#25aa1f
```
#25aa1f rgb(37,170,31)
```
#1faa24
```
#1faa24 rgb(31,170,36)
```
#1faa30
```
#1faa30 rgb(31,170,48)
```

Similar Colors

Text with hexadecimal color #31aa1f

This text has a font color of #31aa1f.

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

#31aa1f background color

This paragraph has a background color of #31aa1f.

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

#31aa1f border color

This element has a border color of #31aa1f.

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

CSS codes

.text {color:#31aa1f;}

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

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

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

#010401
```
#010401 rgb(1,4,1)
```
#061504
```
#061504 rgb(6,21,4)
```
#0b2507
```
#0b2507 rgb(11,37,7)
```
#10360a
```
#10360a rgb(16,54,10)
```
#14460d
```
#14460d rgb(20,70,13)
```
#195710
```
#195710 rgb(25,87,16)
```
#1e6813
```
#1e6813 rgb(30,104,19)
```
#237816
```
#237816 rgb(35,120,22)
```
#278919
```
#278919 rgb(39,137,25)
```
#2c991c
```
#2c991c rgb(44,153,28)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#36bb22
```
#36bb22 rgb(54,187,34)
```
#3bcb25
```
#3bcb25 rgb(59,203,37)
```

Shade Color Variation

#42d82b
```
#42d82b rgb(66,216,43)
```
#51db3c
```
#51db3c rgb(81,219,60)
```
#5fde4d
```
#5fde4d rgb(95,222,77)
```
#6ee15d
```
#6ee15d rgb(110,225,93)
```
#7de56e
```
#7de56e rgb(125,229,110)
```
#8ce87e
```
#8ce87e rgb(140,232,126)
```
#9beb8f
```
#9beb8f rgb(155,235,143)
```
#aaeea0
```
#aaeea0 rgb(170,238,160)
```
#b8f1b0
```
#b8f1b0 rgb(184,241,176)
```
#c7f4c1
```
#c7f4c1 rgb(199,244,193)
```
#d6f7d1
```
#d6f7d1 rgb(214,247,209)
```
#e5fae2
```
#e5fae2 rgb(229,250,226)
```
#f4fdf3
```
#f4fdf3 rgb(244,253,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6c5d is the less saturated color, while #1ac900 is the most saturated one.

#5f6c5d
```
#5f6c5d rgb(95,108,93)
```
#597455
```
#597455 rgb(89,116,85)
```
#537c4d
```
#537c4d rgb(83,124,77)
```
#4e8346
```
#4e8346 rgb(78,131,70)
```
#488b3e
```
#488b3e rgb(72,139,62)
```
#429336
```
#429336 rgb(66,147,54)
```
#3c9b2e
```
#3c9b2e rgb(60,155,46)
```
#37a227
```
#37a227 rgb(55,162,39)
```
#31aa1f
```
#31aa1f rgb(49,170,31)
```
#2bb217
```
#2bb217 rgb(43,178,23)
```
#26b910
```
#26b910 rgb(38,185,16)
```
#20c108
```
#20c108 rgb(32,193,8)
```
#1ac900
```
#1ac900 rgb(26,201,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#688065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#bd923a Deuteranopia 1% of men
#61a3ae Tritanopia 0.001% of the population

Trichromacy

#7f9f22 Protanomaly 1% of men, 0.01% of women
#8a9a30 Deuteranomaly 6% of men, 0.4% of women
#4fa57a Tritanomaly 0.01% of the population

#31aa1f hex color

#31aa1f Color Information

#31aa1f Color Conversion

Color Schemes with #31aa1f

Alternatives to #31aa1f

#31aa1f Preview

Shades and Tints of #31aa1f

Tones of #31aa1f

Color Blindness Simulator