#30ab5a hex color

In a RGB color space, hex #30ab5a is composed of 18.8% red, 67.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 0% magenta, 47.4% yellow and 32.9% black. It has a hue angle of 140.5 degrees, a saturation of 56.2% and a lightness of 42.9%. #30ab5a color hex could be obtained by blending #60ffb4 with #005700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 67
- B 35
RGB color chart
- C 72
- M 0
- Y 47
- K 33
CMYK color chart

● #30ab5a color description : Dark cyan - lime green.

The hexadecimal color #30ab5a has RGB values of R:48, G:171, B:90 and CMYK values of C:0.72, M:0, Y:0.47, K:0.33. Its decimal value is 3189594.

Hex triplet	30ab5a	`#30ab5a`
RGB Decimal	48, 171, 90	`rgb(48,171,90)`
RGB Percent	18.8, 67.1, 35.3	`rgb(18.8%,67.1%,35.3%)`
CMYK	72, 0, 47, 33
HSL	140.5°, 56.2, 42.9	`hsl(140.5,56.2%,42.9%)`
HSV (or HSB)	140.5°, 71.9, 67.1
Web Safe	339966	`#339966`

CIE-LAB	62.075, -51.401, 32.178
XYZ	17.626, 30.491, 14.629
xyY	0.281, 0.486, 30.491
CIE-LCH	62.075, 60.643, 147.953
CIE-LUV	62.075, -50, 48.85
Hunter-Lab	55.218, -39.654, 22.946
Binary	00110000, 10101011, 01011010

#30ab5a
```
#30ab5a rgb(48,171,90)
```
#ab3081
```
#ab3081 rgb(171,48,129)
```

Complementary Color

#44ab30
```
#44ab30 rgb(68,171,48)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#30ab98
```
#30ab98 rgb(48,171,152)
```

Analogous Color

#ab3044
```
#ab3044 rgb(171,48,68)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#9830ab
```
#9830ab rgb(152,48,171)
```

Split Complementary Color

#ab5a30
```
#ab5a30 rgb(171,90,48)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#5a30ab
```
#5a30ab rgb(90,48,171)
```

Triadic Color

#81ab30
```
#81ab30 rgb(129,171,48)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#5a30ab
```
#5a30ab rgb(90,48,171)
```
#ab3081
```
#ab3081 rgb(171,48,129)
```

Tetradic Color

#1f6f3b
```
#1f6f3b rgb(31,111,59)
```
#258345
```
#258345 rgb(37,131,69)
```
#2a9750
```
#2a9750 rgb(42,151,80)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#36bf64
```
#36bf64 rgb(54,191,100)
```
#44ca72
```
#44ca72 rgb(68,202,114)
```
#58d081
```
#58d081 rgb(88,208,129)
```

Monochromatic Color

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

#30ab3b
```
#30ab3b rgb(48,171,59)
```
#30ab46
```
#30ab46 rgb(48,171,70)
```
#30ab50
```
#30ab50 rgb(48,171,80)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#30ab64
```
#30ab64 rgb(48,171,100)
```
#30ab6f
```
#30ab6f rgb(48,171,111)
```
#30ab79
```
#30ab79 rgb(48,171,121)
```

Similar Colors

Text with hexadecimal color #30ab5a

This text has a font color of #30ab5a.

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

#30ab5a background color

This paragraph has a background color of #30ab5a.

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

#30ab5a border color

This element has a border color of #30ab5a.

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

CSS codes

.text {color:#30ab5a;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#051209
```
#051209 rgb(5,18,9)
```
#092111
```
#092111 rgb(9,33,17)
```
#0e301a
```
#0e301a rgb(14,48,26)
```
#124022
```
#124022 rgb(18,64,34)
```
#164f2a
```
#164f2a rgb(22,79,42)
```
#1b5e32
```
#1b5e32 rgb(27,94,50)
```
#1f6e3a
```
#1f6e3a rgb(31,110,58)
```
#237d42
```
#237d42 rgb(35,125,66)
```
#278c4a
```
#278c4a rgb(39,140,74)
```
#2c9c52
```
#2c9c52 rgb(44,156,82)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#34ba62
```
#34ba62 rgb(52,186,98)
```

Shade Color Variation

#3ac86b
```
#3ac86b rgb(58,200,107)
```
#4acc76
```
#4acc76 rgb(74,204,118)
```
#59d082
```
#59d082 rgb(89,208,130)
```
#68d58d
```
#68d58d rgb(104,213,141)
```
#78d999
```
#78d999 rgb(120,217,153)
```
#87dda4
```
#87dda4 rgb(135,221,164)
```
#96e2b0
```
#96e2b0 rgb(150,226,176)
```
#a6e6bc
```
#a6e6bc rgb(166,230,188)
```
#b5eac7
```
#b5eac7 rgb(181,234,199)
```
#c4efd3
```
#c4efd3 rgb(196,239,211)
```
#d4f3de
```
#d4f3de rgb(212,243,222)
```
#e3f7ea
```
#e3f7ea rgb(227,247,234)
```
#f2fbf5
```
#f2fbf5 rgb(242,251,245)
```

Tint Color Variation

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

#6b706d
```
#6b706d rgb(107,112,109)
```
#63786a
```
#63786a rgb(99,120,106)
```
#5a8167
```
#5a8167 rgb(90,129,103)
```
#528965
```
#528965 rgb(82,137,101)
```
#499262
```
#499262 rgb(73,146,98)
```
#419a5f
```
#419a5f rgb(65,154,95)
```
#38a35d
```
#38a35d rgb(56,163,93)
```
#30ab5a
```
#30ab5a rgb(48,171,90)
```
#28b357
```
#28b357 rgb(40,179,87)
```
#1fbc55
```
#1fbc55 rgb(31,188,85)
```
#17c452
```
#17c452 rgb(23,196,82)
```
#0ecd4f
```
#0ecd4f rgb(14,205,79)
```
#06d54d
```
#06d54d rgb(6,213,77)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9b5b Protanopia 1% of men
#b8956b Deuteranopia 1% of men
#5ba6b2 Tritanopia 0.001% of the population

Trichromacy

#7da15b Protanomaly 1% of men, 0.01% of women
#879d65 Deuteranomaly 6% of men, 0.4% of women
#4ba792 Tritanomaly 0.01% of the population

#30ab5a hex color

#30ab5a Color Information

#30ab5a Color Conversion

Color Schemes with #30ab5a

Alternatives to #30ab5a

#30ab5a Preview

Shades and Tints of #30ab5a

Tones of #30ab5a

Color Blindness Simulator