#30bb8f hex color

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

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

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

The hexadecimal color #30bb8f has RGB values of R:48, G:187, B:143 and CMYK values of C:0.74, M:0, Y:0.24, K:0.27. Its decimal value is 3193743.

Hex triplet	30bb8f	`#30bb8f`
RGB Decimal	48, 187, 143	`rgb(48,187,143)`
RGB Percent	18.8, 73.3, 56.1	`rgb(18.8%,73.3%,56.1%)`
CMYK	74, 0, 24, 27
HSL	161°, 59.1, 46.1	`hsl(161,59.1%,46.1%)`
HSV (or HSB)	161°, 74.3, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.131, -46.845, 11.961
XYZ	23.945, 38.15, 32.087
xyY	0.254, 0.405, 38.15
CIE-LCH	68.131, 48.348, 165.676
CIE-LUV	68.131, -52.716, 24.363
Hunter-Lab	61.766, -38.889, 12.435
Binary	00110000, 10111011, 10001111

#30bb8f
```
#30bb8f rgb(48,187,143)
```
#bb305c
```
#bb305c rgb(187,48,92)
```

Complementary Color

#30bb4a
```
#30bb4a rgb(48,187,74)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#30a2bb
```
#30a2bb rgb(48,162,187)
```

Analogous Color

#bb4a30
```
#bb4a30 rgb(187,74,48)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#bb30a2
```
#bb30a2 rgb(187,48,162)
```

Split Complementary Color

#bb8f30
```
#bb8f30 rgb(187,143,48)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#8f30bb
```
#8f30bb rgb(143,48,187)
```

Triadic Color

#5cbb30
```
#5cbb30 rgb(92,187,48)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#8f30bb
```
#8f30bb rgb(143,48,187)
```
#bb305c
```
#bb305c rgb(187,48,92)
```

Tetradic Color

#207e60
```
#207e60 rgb(32,126,96)
```
#269270
```
#269270 rgb(38,146,112)
```
#2ba77f
```
#2ba77f rgb(43,167,127)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#38cc9d
```
#38cc9d rgb(56,204,157)
```
#4dd1a7
```
#4dd1a7 rgb(77,209,167)
```
#61d6b1
```
#61d6b1 rgb(97,214,177)
```

Monochromatic Color

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

#30bb6c
```
#30bb6c rgb(48,187,108)
```
#30bb78
```
#30bb78 rgb(48,187,120)
```
#30bb83
```
#30bb83 rgb(48,187,131)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#30bb9b
```
#30bb9b rgb(48,187,155)
```
#30bba6
```
#30bba6 rgb(48,187,166)
```
#30bbb2
```
#30bbb2 rgb(48,187,178)
```

Similar Colors

Text with hexadecimal color #30bb8f

This text has a font color of #30bb8f.

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

#30bb8f background color

This paragraph has a background color of #30bb8f.

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

#30bb8f border color

This element has a border color of #30bb8f.

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

CSS codes

.text {color:#30bb8f;}

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

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

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

#040f0c
```
#040f0c rgb(4,15,12)
```
#081f18
```
#081f18 rgb(8,31,24)
```
#0c2f24
```
#0c2f24 rgb(12,47,36)
```
#103e30
```
#103e30 rgb(16,62,48)
```
#144e3b
```
#144e3b rgb(20,78,59)
```
#185d47
```
#185d47 rgb(24,93,71)
```
#1c6d53
```
#1c6d53 rgb(28,109,83)
```
#207d5f
```
#207d5f rgb(32,125,95)
```
#248c6b
```
#248c6b rgb(36,140,107)
```
#289c77
```
#289c77 rgb(40,156,119)
```
#2cab83
```
#2cab83 rgb(44,171,131)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#34cb9b
```
#34cb9b rgb(52,203,155)
```

Shade Color Variation

#43cfa3
```
#43cfa3 rgb(67,207,163)
```
#53d3aa
```
#53d3aa rgb(83,211,170)
```
#63d7b2
```
#63d7b2 rgb(99,215,178)
```
#72dbba
```
#72dbba rgb(114,219,186)
```
#82dfc1
```
#82dfc1 rgb(130,223,193)
```
#91e3c9
```
#91e3c9 rgb(145,227,201)
```
#a1e7d1
```
#a1e7d1 rgb(161,231,209)
```
#b1ebd8
```
#b1ebd8 rgb(177,235,216)
```
#c0efe0
```
#c0efe0 rgb(192,239,224)
```
#d0f3e8
```
#d0f3e8 rgb(208,243,232)
```
#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, #6f7c78 is the less saturated color, while #03e8a0 is the most saturated one.

#6f7c78
```
#6f7c78 rgb(111,124,120)
```
#66857b
```
#66857b rgb(102,133,123)
```
#5d8e7e
```
#5d8e7e rgb(93,142,126)
```
#549782
```
#549782 rgb(84,151,130)
```
#4ba085
```
#4ba085 rgb(75,160,133)
```
#42a988
```
#42a988 rgb(66,169,136)
```
#39b28c
```
#39b28c rgb(57,178,140)
```
#30bb8f
```
#30bb8f rgb(48,187,143)
```
#27c492
```
#27c492 rgb(39,196,146)
```
#1ecd96
```
#1ecd96 rgb(30,205,150)
```
#15d699
```
#15d699 rgb(21,214,153)
```
#0cdf9c
```
#0cdf9c rgb(12,223,156)
```
#03e8a0
```
#03e8a0 rgb(3,232,160)
```

Tone Color Variation

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

Dichromacy

#b4aa8b Protanopia 1% of men
#bfa59d Deuteranopia 1% of men
#57b7c5 Tritanopia 0.001% of the population

Trichromacy

#84b08c Protanomaly 1% of men, 0.01% of women
#8bad98 Deuteranomaly 6% of men, 0.4% of women
#48b9b1 Tritanomaly 0.01% of the population

#30bb8f hex color

#30bb8f Color Information

#30bb8f Color Conversion

Color Schemes with #30bb8f

Alternatives to #30bb8f

#30bb8f Preview

Shades and Tints of #30bb8f

Tones of #30bb8f

Color Blindness Simulator