#30ba71 hex color

In a RGB color space, hex #30ba71 is composed of 18.8% red, 72.9% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 39.2% yellow and 27.1% black. It has a hue angle of 148.3 degrees, a saturation of 59% and a lightness of 45.9%. #30ba71 color hex could be obtained by blending #60ffe2 with #007500. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 73
- B 44
RGB color chart
- C 74
- M 0
- Y 39
- K 27
CMYK color chart

● #30ba71 color description : Moderate cyan - lime green.

The hexadecimal color #30ba71 has RGB values of R:48, G:186, B:113 and CMYK values of C:0.74, M:0, Y:0.39, K:0.27. Its decimal value is 3193457.

Hex triplet	30ba71	`#30ba71`
RGB Decimal	48, 186, 113	`rgb(48,186,113)`
RGB Percent	18.8, 72.9, 44.3	`rgb(18.8%,72.9%,44.3%)`
CMYK	74, 0, 39, 27
HSL	148.3°, 59, 45.9	`hsl(148.3,59%,45.9%)`
HSV (or HSB)	148.3°, 74.2, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.229, -52.886, 26.847
XYZ	21.757, 36.936, 21.605
xyY	0.271, 0.46, 36.936
CIE-LCH	67.229, 59.31, 153.086
CIE-LUV	67.229, -54.178, 44.207
Hunter-Lab	60.775, -42.456, 21.466
Binary	00110000, 10111010, 01110001

#30ba71
```
#30ba71 rgb(48,186,113)
```
#ba3079
```
#ba3079 rgb(186,48,121)
```

Complementary Color

#34ba30
```
#34ba30 rgb(52,186,48)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#30bab6
```
#30bab6 rgb(48,186,182)
```

Analogous Color

#ba3034
```
#ba3034 rgb(186,48,52)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#b630ba
```
#b630ba rgb(182,48,186)
```

Split Complementary Color

#ba7130
```
#ba7130 rgb(186,113,48)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#7130ba
```
#7130ba rgb(113,48,186)
```

Triadic Color

#79ba30
```
#79ba30 rgb(121,186,48)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#7130ba
```
#7130ba rgb(113,48,186)
```
#ba3079
```
#ba3079 rgb(186,48,121)
```

Tetradic Color

#207d4c
```
#207d4c rgb(32,125,76)
```
#269158
```
#269158 rgb(38,145,88)
```
#2ba665
```
#2ba665 rgb(43,166,101)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#38cc7d
```
#38cc7d rgb(56,204,125)
```
#4cd18b
```
#4cd18b rgb(76,209,139)
```
#60d698
```
#60d698 rgb(96,214,152)
```

Monochromatic Color

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

#30ba4f
```
#30ba4f rgb(48,186,79)
```
#30ba5a
```
#30ba5a rgb(48,186,90)
```
#30ba66
```
#30ba66 rgb(48,186,102)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#30ba7d
```
#30ba7d rgb(48,186,125)
```
#30ba88
```
#30ba88 rgb(48,186,136)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```

Similar Colors

Text with hexadecimal color #30ba71

This text has a font color of #30ba71.

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

#30ba71 background color

This paragraph has a background color of #30ba71.

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

#30ba71 border color

This element has a border color of #30ba71.

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

CSS codes

.text {color:#30ba71;}

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

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

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, #040e09 is the darkest color, while #fefffe is the lightest one.

#040e09
```
#040e09 rgb(4,14,9)
```
#081e12
```
#081e12 rgb(8,30,18)
```
#0c2e1c
```
#0c2e1c rgb(12,46,28)
```
#103d25
```
#103d25 rgb(16,61,37)
```
#144d2f
```
#144d2f rgb(20,77,47)
```
#185c38
```
#185c38 rgb(24,92,56)
```
#1c6c42
```
#1c6c42 rgb(28,108,66)
```
#207c4b
```
#207c4b rgb(32,124,75)
```
#248b55
```
#248b55 rgb(36,139,85)
```
#289b5e
```
#289b5e rgb(40,155,94)
```
#2caa68
```
#2caa68 rgb(44,170,104)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#34ca7a
```
#34ca7a rgb(52,202,122)
```

Shade Color Variation

#43ce85
```
#43ce85 rgb(67,206,133)
```
#52d28f
```
#52d28f rgb(82,210,143)
```
#62d699
```
#62d699 rgb(98,214,153)
```
#72dba3
```
#72dba3 rgb(114,219,163)
```
#81dfad
```
#81dfad rgb(129,223,173)
```
#91e3b7
```
#91e3b7 rgb(145,227,183)
```
#a0e7c1
```
#a0e7c1 rgb(160,231,193)
```
#b0ebcc
```
#b0ebcc rgb(176,235,204)
```
#c0efd6
```
#c0efd6 rgb(192,239,214)
```
#cff3e0
```
#cff3e0 rgb(207,243,224)
```
#dff7ea
```
#dff7ea rgb(223,247,234)
```
#eefbf4
```
#eefbf4 rgb(238,251,244)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#6f7b75
```
#6f7b75 rgb(111,123,117)
```
#668474
```
#668474 rgb(102,132,116)
```
#5d8d74
```
#5d8d74 rgb(93,141,116)
```
#549673
```
#549673 rgb(84,150,115)
```
#4b9f73
```
#4b9f73 rgb(75,159,115)
```
#42a872
```
#42a872 rgb(66,168,114)
```
#39b172
```
#39b172 rgb(57,177,114)
```
#30ba71
```
#30ba71 rgb(48,186,113)
```
#27c370
```
#27c370 rgb(39,195,112)
```
#1ecc70
```
#1ecc70 rgb(30,204,112)
```
#15d56f
```
#15d56f rgb(21,213,111)
```
#0cde6f
```
#0cde6f rgb(12,222,111)
```
#03e76e
```
#03e76e rgb(3,231,110)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#769283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a870 Protanopia 1% of men
#c4a181 Deuteranopia 1% of men
#5eb4c1 Tritanopia 0.001% of the population

Trichromacy

#85ae70 Protanomaly 1% of men, 0.01% of women
#8eaa7b Deuteranomaly 6% of men, 0.4% of women
#4db6a4 Tritanomaly 0.01% of the population

#30ba71 hex color

#30ba71 Color Information

#30ba71 Color Conversion

Color Schemes with #30ba71

Alternatives to #30ba71

#30ba71 Preview

Shades and Tints of #30ba71

Tones of #30ba71

Color Blindness Simulator