#31a30f hex color

In a RGB color space, hex #31a30f is composed of 19.2% red, 63.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 90.8% yellow and 36.1% black. It has a hue angle of 106.2 degrees, a saturation of 83.1% and a lightness of 34.9%. #31a30f color hex could be obtained by blending #62ff1e with #004700. Closest websafe color is: #339900.

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

● #31a30f color description : Dark lime green.

The hexadecimal color #31a30f has RGB values of R:49, G:163, B:15 and CMYK values of C:0.7, M:0, Y:0.91, K:0.36. Its decimal value is 3253007.

Hex triplet	31a30f	`#31a30f`
RGB Decimal	49, 163, 15	`rgb(49,163,15)`
RGB Percent	19.2, 63.9, 5.9	`rgb(19.2%,63.9%,5.9%)`
CMYK	70, 0, 91, 36
HSL	106.2°, 83.1, 34.9	`hsl(106.2,83.1%,34.9%)`
HSV (or HSB)	106.2°, 90.8, 63.9
Web Safe	339900	`#339900`

CIE-LAB	58.864, -55.834, 58.038
XYZ	14.449, 26.88, 4.879
xyY	0.313, 0.582, 26.88
CIE-LCH	58.864, 80.535, 133.891
CIE-LUV	58.864, -49.082, 69.86
Hunter-Lab	51.846, -40.984, 30.713
Binary	00110001, 10100011, 00001111

#31a30f
```
#31a30f rgb(49,163,15)
```
#810fa3
```
#810fa3 rgb(129,15,163)
```

Complementary Color

#7ba30f
```
#7ba30f rgb(123,163,15)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#0fa337
```
#0fa337 rgb(15,163,55)
```

Analogous Color

#a30f7b
```
#a30f7b rgb(163,15,123)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#370fa3
```
#370fa3 rgb(55,15,163)
```

Split Complementary Color

#a30f31
```
#a30f31 rgb(163,15,49)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#0f31a3
```
#0f31a3 rgb(15,49,163)
```

Triadic Color

#a3810f
```
#a3810f rgb(163,129,15)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#0f31a3
```
#0f31a3 rgb(15,49,163)
```
#810fa3
```
#810fa3 rgb(129,15,163)
```

Tetradic Color

#1c5d09
```
#1c5d09 rgb(28,93,9)
```
#23740b
```
#23740b rgb(35,116,11)
```
#2a8c0d
```
#2a8c0d rgb(42,140,13)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#38ba11
```
#38ba11 rgb(56,186,17)
```
#3fd213
```
#3fd213 rgb(63,210,19)
```
#46e915
```
#46e915 rgb(70,233,21)
```

Monochromatic Color

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

#56a30f
```
#56a30f rgb(86,163,15)
```
#4aa30f
```
#4aa30f rgb(74,163,15)
```
#3da30f
```
#3da30f rgb(61,163,15)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#25a30f
```
#25a30f rgb(37,163,15)
```
#18a30f
```
#18a30f rgb(24,163,15)
```
#0fa312
```
#0fa312 rgb(15,163,18)
```

Similar Colors

Text with hexadecimal color #31a30f

This text has a font color of #31a30f.

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

#31a30f background color

This paragraph has a background color of #31a30f.

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

#31a30f border color

This element has a border color of #31a30f.

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

CSS codes

.text {color:#31a30f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#061302
```
#061302 rgb(6,19,2)
```
#0b2503
```
#0b2503 rgb(11,37,3)
```
#113705
```
#113705 rgb(17,55,5)
```
#164907
```
#164907 rgb(22,73,7)
```
#1b5b08
```
#1b5b08 rgb(27,91,8)
```
#216d0a
```
#216d0a rgb(33,109,10)
```
#267f0c
```
#267f0c rgb(38,127,12)
```
#2c910d
```
#2c910d rgb(44,145,13)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#36b511
```
#36b511 rgb(54,181,17)
```
#3cc712
```
#3cc712 rgb(60,199,18)
```
#41d914
```
#41d914 rgb(65,217,20)
```

Shade Color Variation

#47ea17
```
#47ea17 rgb(71,234,23)
```
#55eb29
```
#55eb29 rgb(85,235,41)
```
#64ed3b
```
#64ed3b rgb(100,237,59)
```
#72ef4d
```
#72ef4d rgb(114,239,77)
```
#80f05f
```
#80f05f rgb(128,240,95)
```
#8ef271
```
#8ef271 rgb(142,242,113)
```
#9df483
```
#9df483 rgb(157,244,131)
```
#abf595
```
#abf595 rgb(171,245,149)
```
#b9f7a7
```
#b9f7a7 rgb(185,247,167)
```
#c7f9b8
```
#c7f9b8 rgb(199,249,184)
```
#d5faca
```
#d5faca rgb(213,250,202)
```
#e4fcdc
```
#e4fcdc rgb(228,252,220)
```
#f2fdee
```
#f2fdee rgb(242,253,238)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565f53 is the less saturated color, while #2ab101 is the most saturated one.

#565f53
```
#565f53 rgb(86,95,83)
```
#52654d
```
#52654d rgb(82,101,77)
```
#4f6c46
```
#4f6c46 rgb(79,108,70)
```
#4b733f
```
#4b733f rgb(75,115,63)
```
#477a38
```
#477a38 rgb(71,122,56)
```
#448131
```
#448131 rgb(68,129,49)
```
#40882a
```
#40882a rgb(64,136,42)
```
#3c8e24
```
#3c8e24 rgb(60,142,36)
```
#38951d
```
#38951d rgb(56,149,29)
```
#359c16
```
#359c16 rgb(53,156,22)
```
#31a30f
```
#31a30f rgb(49,163,15)
```
#2daa08
```
#2daa08 rgb(45,170,8)
```
#2ab101
```
#2ab101 rgb(42,177,1)
```

Tone Color Variation

Below, you can see how #31a30f 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
#637a5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59314 Protanopia 1% of men
#b78c30 Deuteranopia 1% of men
#5f9ca8 Tritanopia 0.001% of the population

Trichromacy

#7b9912 Protanomaly 1% of men, 0.01% of women
#869424 Deuteranomaly 6% of men, 0.4% of women
#4e9e70 Tritanomaly 0.01% of the population

#31a30f hex color

#31a30f Color Information

#31a30f Color Conversion

Color Schemes with #31a30f

Alternatives to #31a30f

#31a30f Preview

Shades and Tints of #31a30f

Tones of #31a30f

Color Blindness Simulator