#30bb8a hex color

In a RGB color space, hex #30bb8a is composed of 18.8% red, 73.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 26.2% yellow and 26.7% black. It has a hue angle of 158.8 degrees, a saturation of 59.1% and a lightness of 46.1%. #30bb8a color hex could be obtained by blending #60ffff with #007715. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #30bb8a has RGB values of R:48, G:187, B:138 and CMYK values of C:0.74, M:0, Y:0.26, K:0.27. Its decimal value is 3193738.

Hex triplet	30bb8a	`#30bb8a`
RGB Decimal	48, 187, 138	`rgb(48,187,138)`
RGB Percent	18.8, 73.3, 54.1	`rgb(18.8%,73.3%,54.1%)`
CMYK	74, 0, 26, 27
HSL	158.8°, 59.1, 46.1	`hsl(158.8,59.1%,46.1%)`
HSV (or HSB)	158.8°, 74.3, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.022, -48.011, 14.527
XYZ	23.575, 38.002, 30.136
xyY	0.257, 0.414, 38.002
CIE-LCH	68.022, 50.161, 163.165
CIE-LUV	68.022, -53.037, 28.014
Hunter-Lab	61.646, -39.617, 14.167
Binary	00110000, 10111011, 10001010

#30bb8a
```
#30bb8a rgb(48,187,138)
```
#bb3061
```
#bb3061 rgb(187,48,97)
```

Complementary Color

#30bb45
```
#30bb45 rgb(48,187,69)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#30a7bb
```
#30a7bb rgb(48,167,187)
```

Analogous Color

#bb4530
```
#bb4530 rgb(187,69,48)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#bb30a7
```
#bb30a7 rgb(187,48,167)
```

Split Complementary Color

#bb8a30
```
#bb8a30 rgb(187,138,48)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#8a30bb
```
#8a30bb rgb(138,48,187)
```

Triadic Color

#61bb30
```
#61bb30 rgb(97,187,48)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#8a30bb
```
#8a30bb rgb(138,48,187)
```
#bb3061
```
#bb3061 rgb(187,48,97)
```

Tetradic Color

#207e5d
```
#207e5d rgb(32,126,93)
```
#26926c
```
#26926c rgb(38,146,108)
```
#2ba77b
```
#2ba77b rgb(43,167,123)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#38cc98
```
#38cc98 rgb(56,204,152)
```
#4dd1a3
```
#4dd1a3 rgb(77,209,163)
```
#61d6ad
```
#61d6ad rgb(97,214,173)
```

Monochromatic Color

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

#30bb67
```
#30bb67 rgb(48,187,103)
```
#30bb73
```
#30bb73 rgb(48,187,115)
```
#30bb7e
```
#30bb7e rgb(48,187,126)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#30bb96
```
#30bb96 rgb(48,187,150)
```
#30bba1
```
#30bba1 rgb(48,187,161)
```
#30bbad
```
#30bbad rgb(48,187,173)
```

Similar Colors

Text with hexadecimal color #30bb8a

This text has a font color of #30bb8a.

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

#30bb8a background color

This paragraph has a background color of #30bb8a.

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

#30bb8a border color

This element has a border color of #30bb8a.

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

CSS codes

.text {color:#30bb8a;}

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

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

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

#040f0b
```
#040f0b rgb(4,15,11)
```
#081f17
```
#081f17 rgb(8,31,23)
```
#0c2f22
```
#0c2f22 rgb(12,47,34)
```
#103e2e
```
#103e2e rgb(16,62,46)
```
#144e39
```
#144e39 rgb(20,78,57)
```
#185d45
```
#185d45 rgb(24,93,69)
```
#1c6d50
```
#1c6d50 rgb(28,109,80)
```
#207d5c
```
#207d5c rgb(32,125,92)
```
#248c67
```
#248c67 rgb(36,140,103)
```
#289c73
```
#289c73 rgb(40,156,115)
```
#2cab7e
```
#2cab7e rgb(44,171,126)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#34cb96
```
#34cb96 rgb(52,203,150)
```

Shade Color Variation

#43cf9e
```
#43cf9e rgb(67,207,158)
```
#53d3a6
```
#53d3a6 rgb(83,211,166)
```
#63d7ae
```
#63d7ae rgb(99,215,174)
```
#72dbb6
```
#72dbb6 rgb(114,219,182)
```
#82dfbe
```
#82dfbe rgb(130,223,190)
```
#91e3c6
```
#91e3c6 rgb(145,227,198)
```
#a1e7ce
```
#a1e7ce rgb(161,231,206)
```
#b1ebd6
```
#b1ebd6 rgb(177,235,214)
```
#c0efde
```
#c0efde rgb(192,239,222)
```
#d0f3e7
```
#d0f3e7 rgb(208,243,231)
```
#dff7ef
```
#dff7ef rgb(223,247,239)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f7c77
```
#6f7c77 rgb(111,124,119)
```
#66857a
```
#66857a rgb(102,133,122)
```
#5d8e7d
```
#5d8e7d rgb(93,142,125)
```
#54977f
```
#54977f rgb(84,151,127)
```
#4ba082
```
#4ba082 rgb(75,160,130)
```
#42a985
```
#42a985 rgb(66,169,133)
```
#39b287
```
#39b287 rgb(57,178,135)
```
#30bb8a
```
#30bb8a rgb(48,187,138)
```
#27c48d
```
#27c48d rgb(39,196,141)
```
#1ecd8f
```
#1ecd8f rgb(30,205,143)
```
#15d692
```
#15d692 rgb(21,214,146)
```
#0cdf95
```
#0cdf95 rgb(12,223,149)
```
#03e897
```
#03e897 rgb(3,232,151)
```

Tone Color Variation

Below, you can see how #30bb8a 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
#7a958c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5aa87 Protanopia 1% of men
#c0a499 Deuteranopia 1% of men
#58b7c4 Tritanopia 0.001% of the population

Trichromacy

#84b088 Protanomaly 1% of men, 0.01% of women
#8cac93 Deuteranomaly 6% of men, 0.4% of women
#49b8af Tritanomaly 0.01% of the population

#30bb8a hex color

#30bb8a Color Information

#30bb8a Color Conversion

Color Schemes with #30bb8a

Alternatives to #30bb8a

#30bb8a Preview

Shades and Tints of #30bb8a

Tones of #30bb8a

Color Blindness Simulator