#30a81f hex color

In a RGB color space, hex #30a81f is composed of 18.8% red, 65.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 81.5% yellow and 34.1% black. It has a hue angle of 112.6 degrees, a saturation of 68.8% and a lightness of 39%. #30a81f color hex could be obtained by blending #60ff3e with #005100. Closest websafe color is: #339933.

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

● #30a81f color description : Dark lime green.

The hexadecimal color #30a81f has RGB values of R:48, G:168, B:31 and CMYK values of C:0.71, M:0, Y:0.82, K:0.34. Its decimal value is 3188767.

Hex triplet	30a81f	`#30a81f`
RGB Decimal	48, 168, 31	`rgb(48,168,31)`
RGB Percent	18.8, 65.9, 12.2	`rgb(18.8%,65.9%,12.2%)`
CMYK	71, 0, 82, 34
HSL	112.6°, 68.8, 39	`hsl(112.6,68.8%,39%)`
HSV (or HSB)	112.6°, 81.5, 65.9
Web Safe	339933	`#339933`

CIE-LAB	60.544, -56.946, 55.751
XYZ	15.468, 28.731, 6.027
xyY	0.308, 0.572, 28.731
CIE-LCH	60.544, 79.693, 135.607
CIE-LUV	60.544, -50.878, 69.522
Hunter-Lab	53.601, -42.292, 30.855
Binary	00110000, 10101000, 00011111

#30a81f
```
#30a81f rgb(48,168,31)
```
#971fa8
```
#971fa8 rgb(151,31,168)
```

Complementary Color

#75a81f
```
#75a81f rgb(117,168,31)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#1fa852
```
#1fa852 rgb(31,168,82)
```

Analogous Color

#a81f75
```
#a81f75 rgb(168,31,117)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#521fa8
```
#521fa8 rgb(82,31,168)
```

Split Complementary Color

#a81f30
```
#a81f30 rgb(168,31,48)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#1f30a8
```
#1f30a8 rgb(31,48,168)
```

Triadic Color

#a8971f
```
#a8971f rgb(168,151,31)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#1f30a8
```
#1f30a8 rgb(31,48,168)
```
#971fa8
```
#971fa8 rgb(151,31,168)
```

Tetradic Color

#1e6713
```
#1e6713 rgb(30,103,19)
```
#247d17
```
#247d17 rgb(36,125,23)
```
#2a921b
```
#2a921b rgb(42,146,27)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#36be23
```
#36be23 rgb(54,190,35)
```
#3cd327
```
#3cd327 rgb(60,211,39)
```
#4dda39
```
#4dda39 rgb(77,218,57)
```

Monochromatic Color

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

#52a81f
```
#52a81f rgb(82,168,31)
```
#47a81f
```
#47a81f rgb(71,168,31)
```
#3ba81f
```
#3ba81f rgb(59,168,31)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#25a81f
```
#25a81f rgb(37,168,31)
```
#1fa825
```
#1fa825 rgb(31,168,37)
```
#1fa830
```
#1fa830 rgb(31,168,48)
```

Similar Colors

Text with hexadecimal color #30a81f

This text has a font color of #30a81f.

<span style="color:#30a81f;">Text here</span>

#30a81f background color

This paragraph has a background color of #30a81f.

<p style="background-color:#30a81f;">Content here</p>

#30a81f border color

This element has a border color of #30a81f.

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

CSS codes

.text {color:#30a81f;}

.background {background-color:#30a81f;}

.border {border:1px solid #30a81f;}

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

#010200
```
#010200 rgb(1,2,0)
```
#051303
```
#051303 rgb(5,19,3)
```
#0a2407
```
#0a2407 rgb(10,36,7)
```
#0f340a
```
#0f340a rgb(15,52,10)
```
#14450d
```
#14450d rgb(20,69,13)
```
#185510
```
#185510 rgb(24,85,16)
```
#1d6613
```
#1d6613 rgb(29,102,19)
```
#227616
```
#227616 rgb(34,118,22)
```
#278719
```
#278719 rgb(39,135,25)
```
#2b971c
```
#2b971c rgb(43,151,28)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#35b922
```
#35b922 rgb(53,185,34)
```
#39c925
```
#39c925 rgb(57,201,37)
```

Shade Color Variation

#40d82a
```
#40d82a rgb(64,216,42)
```
#4fdb3b
```
#4fdb3b rgb(79,219,59)
```
#5dde4b
```
#5dde4b rgb(93,222,75)
```
#6ce15c
```
#6ce15c rgb(108,225,92)
```
#7be46c
```
#7be46c rgb(123,228,108)
```
#8ae77d
```
#8ae77d rgb(138,231,125)
```
#99ea8d
```
#99ea8d rgb(153,234,141)
```
#a8ed9e
```
#a8ed9e rgb(168,237,158)
```
#b7f0af
```
#b7f0af rgb(183,240,175)
```
#c6f3bf
```
#c6f3bf rgb(198,243,191)
```
#d5f6d0
```
#d5f6d0 rgb(213,246,208)
```
#e3f9e0
```
#e3f9e0 rgb(227,249,224)
```
#f2fcf1
```
#f2fcf1 rgb(242,252,241)
```

Tint Color Variation

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

#5e6b5c
```
#5e6b5c rgb(94,107,92)
```
#587255
```
#587255 rgb(88,114,85)
```
#537a4d
```
#537a4d rgb(83,122,77)
```
#4d8245
```
#4d8245 rgb(77,130,69)
```
#47893e
```
#47893e rgb(71,137,62)
```
#419136
```
#419136 rgb(65,145,54)
```
#3c992e
```
#3c992e rgb(60,153,46)
```
#36a027
```
#36a027 rgb(54,160,39)
```
#30a81f
```
#30a81f rgb(48,168,31)
```
#2ab017
```
#2ab017 rgb(42,176,23)
```
#24b710
```
#24b710 rgb(36,183,16)
```
#1fbf08
```
#1fbf08 rgb(31,191,8)
```
#19c700
```
#19c700 rgb(25,199,0)
```

Tone Color Variation

Below, you can see how #30a81f 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

#757575 Achromatopsia 0.005% of the population
#677f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99725 Protanopia 1% of men
#bb903a Deuteranopia 1% of men
#60a1ad Tritanopia 0.001% of the population

Trichromacy

#7d9d22 Protanomaly 1% of men, 0.01% of women
#889930 Deuteranomaly 6% of men, 0.4% of women
#4ea379 Tritanomaly 0.01% of the population

#30a81f hex color

#30a81f Color Information

#30a81f Color Conversion

Color Schemes with #30a81f

Alternatives to #30a81f

#30a81f Preview

Shades and Tints of #30a81f

Tones of #30a81f

Color Blindness Simulator