#30bb93 hex color

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

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

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

The hexadecimal color #30bb93 has RGB values of R:48, G:187, B:147 and CMYK values of C:0.74, M:0, Y:0.21, K:0.27. Its decimal value is 3193747.

Hex triplet	30bb93	`#30bb93`
RGB Decimal	48, 187, 147	`rgb(48,187,147)`
RGB Percent	18.8, 73.3, 57.6	`rgb(18.8%,73.3%,57.6%)`
CMYK	74, 0, 21, 27
HSL	162.7°, 59.1, 46.1	`hsl(162.7,59.1%,46.1%)`
HSV (or HSB)	162.7°, 74.3, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.222, -45.885, 9.908
XYZ	24.254, 38.273, 33.711
xyY	0.252, 0.398, 38.273
CIE-LCH	68.222, 46.942, 167.815
CIE-LUV	68.222, -52.455, 21.382
Hunter-Lab	61.865, -38.285, 10.998
Binary	00110000, 10111011, 10010011

#30bb93
```
#30bb93 rgb(48,187,147)
```
#bb3058
```
#bb3058 rgb(187,48,88)
```

Complementary Color

#30bb4e
```
#30bb4e rgb(48,187,78)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#309ebb
```
#309ebb rgb(48,158,187)
```

Analogous Color

#bb4e30
```
#bb4e30 rgb(187,78,48)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#bb309e
```
#bb309e rgb(187,48,158)
```

Split Complementary Color

#bb9330
```
#bb9330 rgb(187,147,48)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#9330bb
```
#9330bb rgb(147,48,187)
```

Triadic Color

#58bb30
```
#58bb30 rgb(88,187,48)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#9330bb
```
#9330bb rgb(147,48,187)
```
#bb3058
```
#bb3058 rgb(187,48,88)
```

Tetradic Color

#207e63
```
#207e63 rgb(32,126,99)
```
#269273
```
#269273 rgb(38,146,115)
```
#2ba783
```
#2ba783 rgb(43,167,131)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#38cca2
```
#38cca2 rgb(56,204,162)
```
#4dd1ab
```
#4dd1ab rgb(77,209,171)
```
#61d6b5
```
#61d6b5 rgb(97,214,181)
```

Monochromatic Color

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

#30bb70
```
#30bb70 rgb(48,187,112)
```
#30bb7c
```
#30bb7c rgb(48,187,124)
```
#30bb87
```
#30bb87 rgb(48,187,135)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#30bb9f
```
#30bb9f rgb(48,187,159)
```
#30bbaa
```
#30bbaa rgb(48,187,170)
```
#30bbb6
```
#30bbb6 rgb(48,187,182)
```

Similar Colors

Text with hexadecimal color #30bb93

This text has a font color of #30bb93.

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

#30bb93 background color

This paragraph has a background color of #30bb93.

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

#30bb93 border color

This element has a border color of #30bb93.

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

CSS codes

.text {color:#30bb93;}

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

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

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)
```
#0c2f25
```
#0c2f25 rgb(12,47,37)
```
#103e31
```
#103e31 rgb(16,62,49)
```
#144e3d
```
#144e3d rgb(20,78,61)
```
#185d49
```
#185d49 rgb(24,93,73)
```
#1c6d56
```
#1c6d56 rgb(28,109,86)
```
#207d62
```
#207d62 rgb(32,125,98)
```
#248c6e
```
#248c6e rgb(36,140,110)
```
#289c7a
```
#289c7a rgb(40,156,122)
```
#2cab87
```
#2cab87 rgb(44,171,135)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#34cb9f
```
#34cb9f rgb(52,203,159)
```

Shade Color Variation

#43cfa7
```
#43cfa7 rgb(67,207,167)
```
#53d3ae
```
#53d3ae rgb(83,211,174)
```
#63d7b5
```
#63d7b5 rgb(99,215,181)
```
#72dbbd
```
#72dbbd rgb(114,219,189)
```
#82dfc4
```
#82dfc4 rgb(130,223,196)
```
#91e3cb
```
#91e3cb rgb(145,227,203)
```
#a1e7d3
```
#a1e7d3 rgb(161,231,211)
```
#b1ebda
```
#b1ebda rgb(177,235,218)
```
#c0efe1
```
#c0efe1 rgb(192,239,225)
```
#d0f3e9
```
#d0f3e9 rgb(208,243,233)
```
#dff7f0
```
#dff7f0 rgb(223,247,240)
```
#effbf8
```
#effbf8 rgb(239,251,248)
```
#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 #03e8a6 is the most saturated one.

#6f7c78
```
#6f7c78 rgb(111,124,120)
```
#66857c
```
#66857c rgb(102,133,124)
```
#5d8e80
```
#5d8e80 rgb(93,142,128)
```
#549784
```
#549784 rgb(84,151,132)
```
#4ba087
```
#4ba087 rgb(75,160,135)
```
#42a98b
```
#42a98b rgb(66,169,139)
```
#39b28f
```
#39b28f rgb(57,178,143)
```
#30bb93
```
#30bb93 rgb(48,187,147)
```
#27c497
```
#27c497 rgb(39,196,151)
```
#1ecd9b
```
#1ecd9b rgb(30,205,155)
```
#15d69f
```
#15d69f rgb(21,214,159)
```
#0cdfa2
```
#0cdfa2 rgb(12,223,162)
```
#03e8a6
```
#03e8a6 rgb(3,232,166)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a968e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4aa8f Protanopia 1% of men
#bea5a1 Deuteranopia 1% of men
#56b8c5 Tritanopia 0.001% of the population

Trichromacy

#84b090 Protanomaly 1% of men, 0.01% of women
#8aad9c Deuteranomaly 6% of men, 0.4% of women
#48b9b3 Tritanomaly 0.01% of the population

#30bb93 hex color

#30bb93 Color Information

#30bb93 Color Conversion

Color Schemes with #30bb93

Alternatives to #30bb93

#30bb93 Preview

Shades and Tints of #30bb93

Tones of #30bb93

Color Blindness Simulator