#30ba94 hex color

In a RGB color space, hex #30ba94 is composed of 18.8% red, 72.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 0% magenta, 20.4% yellow and 27.1% black. It has a hue angle of 163.5 degrees, a saturation of 59% and a lightness of 45.9%. #30ba94 color hex could be obtained by blending #60ffff with #007529. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #30ba94 has RGB values of R:48, G:186, B:148 and CMYK values of C:0.74, M:0, Y:0.2, K:0.27. Its decimal value is 3193492.

Hex triplet	30ba94	`#30ba94`
RGB Decimal	48, 186, 148	`rgb(48,186,148)`
RGB Percent	18.8, 72.9, 58	`rgb(18.8%,72.9%,58%)`
CMYK	74, 0, 20, 27
HSL	163.5°, 59, 45.9	`hsl(163.5,59%,45.9%)`
HSV (or HSB)	163.5°, 74.2, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.934, -45.222, 8.952
XYZ	24.121, 37.882, 34.056
xyY	0.251, 0.394, 37.882
CIE-LCH	67.934, 46.1, 168.803
CIE-LUV	67.934, -52.032, 19.925
Hunter-Lab	61.548, -37.755, 10.277
Binary	00110000, 10111010, 10010100

#30ba94
```
#30ba94 rgb(48,186,148)
```
#ba3056
```
#ba3056 rgb(186,48,86)
```

Complementary Color

#30ba4f
```
#30ba4f rgb(48,186,79)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#309bba
```
#309bba rgb(48,155,186)
```

Analogous Color

#ba4f30
```
#ba4f30 rgb(186,79,48)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#ba309b
```
#ba309b rgb(186,48,155)
```

Split Complementary Color

#ba9430
```
#ba9430 rgb(186,148,48)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#9430ba
```
#9430ba rgb(148,48,186)
```

Triadic Color

#56ba30
```
#56ba30 rgb(86,186,48)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#9430ba
```
#9430ba rgb(148,48,186)
```
#ba3056
```
#ba3056 rgb(186,48,86)
```

Tetradic Color

#207d64
```
#207d64 rgb(32,125,100)
```
#269174
```
#269174 rgb(38,145,116)
```
#2ba684
```
#2ba684 rgb(43,166,132)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#38cca3
```
#38cca3 rgb(56,204,163)
```
#4cd1ac
```
#4cd1ac rgb(76,209,172)
```
#60d6b6
```
#60d6b6 rgb(96,214,182)
```

Monochromatic Color

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

#30ba72
```
#30ba72 rgb(48,186,114)
```
#30ba7d
```
#30ba7d rgb(48,186,125)
```
#30ba89
```
#30ba89 rgb(48,186,137)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#30baa0
```
#30baa0 rgb(48,186,160)
```
#30baab
```
#30baab rgb(48,186,171)
```
#30bab7
```
#30bab7 rgb(48,186,183)
```

Similar Colors

Text with hexadecimal color #30ba94

This text has a font color of #30ba94.

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

#30ba94 background color

This paragraph has a background color of #30ba94.

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

#30ba94 border color

This element has a border color of #30ba94.

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

CSS codes

.text {color:#30ba94;}

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

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

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

#040e0c
```
#040e0c rgb(4,14,12)
```
#081e18
```
#081e18 rgb(8,30,24)
```
#0c2e24
```
#0c2e24 rgb(12,46,36)
```
#103d31
```
#103d31 rgb(16,61,49)
```
#144d3d
```
#144d3d rgb(20,77,61)
```
#185c4a
```
#185c4a rgb(24,92,74)
```
#1c6c56
```
#1c6c56 rgb(28,108,86)
```
#207c62
```
#207c62 rgb(32,124,98)
```
#248b6f
```
#248b6f rgb(36,139,111)
```
#289b7b
```
#289b7b rgb(40,155,123)
```
#2caa88
```
#2caa88 rgb(44,170,136)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#34caa0
```
#34caa0 rgb(52,202,160)
```

Shade Color Variation

#43cea8
```
#43cea8 rgb(67,206,168)
```
#52d2af
```
#52d2af rgb(82,210,175)
```
#62d6b6
```
#62d6b6 rgb(98,214,182)
```
#72dbbe
```
#72dbbe rgb(114,219,190)
```
#81dfc5
```
#81dfc5 rgb(129,223,197)
```
#91e3cc
```
#91e3cc rgb(145,227,204)
```
#a0e7d3
```
#a0e7d3 rgb(160,231,211)
```
#b0ebda
```
#b0ebda rgb(176,235,218)
```
#c0efe2
```
#c0efe2 rgb(192,239,226)
```
#cff3e9
```
#cff3e9 rgb(207,243,233)
```
#dff7f0
```
#dff7f0 rgb(223,247,240)
```
#eefbf7
```
#eefbf7 rgb(238,251,247)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#6f7b78
```
#6f7b78 rgb(111,123,120)
```
#66847c
```
#66847c rgb(102,132,124)
```
#5d8d80
```
#5d8d80 rgb(93,141,128)
```
#549684
```
#549684 rgb(84,150,132)
```
#4b9f88
```
#4b9f88 rgb(75,159,136)
```
#42a88c
```
#42a88c rgb(66,168,140)
```
#39b190
```
#39b190 rgb(57,177,144)
```
#30ba94
```
#30ba94 rgb(48,186,148)
```
#27c398
```
#27c398 rgb(39,195,152)
```
#1ecc9c
```
#1ecc9c rgb(30,204,156)
```
#15d5a0
```
#15d5a0 rgb(21,213,160)
```
#0cdea4
```
#0cdea4 rgb(12,222,164)
```
#03e7a8
```
#03e7a8 rgb(3,231,168)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a958e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a990 Protanopia 1% of men
#bca4a2 Deuteranopia 1% of men
#55b7c4 Tritanopia 0.001% of the population

Trichromacy

#83af91 Protanomaly 1% of men, 0.01% of women
#89ac9d Deuteranomaly 6% of men, 0.4% of women
#47b8b3 Tritanomaly 0.01% of the population

#30ba94 hex color

#30ba94 Color Information

#30ba94 Color Conversion

Color Schemes with #30ba94

Alternatives to #30ba94

#30ba94 Preview

Shades and Tints of #30ba94

Tones of #30ba94

Color Blindness Simulator