#30bd93 hex color

In a RGB color space, hex #30bd93 is composed of 18.8% red, 74.1% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 22.2% yellow and 25.9% black. It has a hue angle of 162.1 degrees, a saturation of 59.5% and a lightness of 46.5%. #30bd93 color hex could be obtained by blending #60ffff with #007b27. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 74
- B 58
RGB color chart
- C 75
- M 0
- Y 22
- K 26
CMYK color chart

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

The hexadecimal color #30bd93 has RGB values of R:48, G:189, B:147 and CMYK values of C:0.75, M:0, Y:0.22, K:0.26. Its decimal value is 3194259.

Hex triplet	30bd93	`#30bd93`
RGB Decimal	48, 189, 147	`rgb(48,189,147)`
RGB Percent	18.8, 74.1, 57.6	`rgb(18.8%,74.1%,57.6%)`
CMYK	75, 0, 22, 26
HSL	162.1°, 59.5, 46.5	`hsl(162.1,59.5%,46.5%)`
HSV (or HSB)	162.1°, 74.6, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.844, -46.715, 10.791
XYZ	24.681, 39.128, 33.854
xyY	0.253, 0.401, 39.128
CIE-LCH	68.844, 47.945, 166.994
CIE-LUV	68.844, -53.168, 22.779
Hunter-Lab	62.552, -39.036, 11.698
Binary	00110000, 10111101, 10010011

#30bd93
```
#30bd93 rgb(48,189,147)
```
#bd305a
```
#bd305a rgb(189,48,90)
```

Complementary Color

#30bd4c
```
#30bd4c rgb(48,189,76)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#30a1bd
```
#30a1bd rgb(48,161,189)
```

Analogous Color

#bd4c30
```
#bd4c30 rgb(189,76,48)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#bd30a1
```
#bd30a1 rgb(189,48,161)
```

Split Complementary Color

#bd9330
```
#bd9330 rgb(189,147,48)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#9330bd
```
#9330bd rgb(147,48,189)
```

Triadic Color

#5abd30
```
#5abd30 rgb(90,189,48)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#9330bd
```
#9330bd rgb(147,48,189)
```
#bd305a
```
#bd305a rgb(189,48,90)
```

Tetradic Color

#218064
```
#218064 rgb(33,128,100)
```
#269473
```
#269473 rgb(38,148,115)
```
#2ba983
```
#2ba983 rgb(43,169,131)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#3acda1
```
#3acda1 rgb(58,205,161)
```
#4ed2ab
```
#4ed2ab rgb(78,210,171)
```
#62d7b4
```
#62d7b4 rgb(98,215,180)
```

Monochromatic Color

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

#30bd70
```
#30bd70 rgb(48,189,112)
```
#30bd7c
```
#30bd7c rgb(48,189,124)
```
#30bd87
```
#30bd87 rgb(48,189,135)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#30bd9f
```
#30bd9f rgb(48,189,159)
```
#30bdab
```
#30bdab rgb(48,189,171)
```
#30bdb6
```
#30bdb6 rgb(48,189,182)
```

Similar Colors

Text with hexadecimal color #30bd93

This text has a font color of #30bd93.

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

#30bd93 background color

This paragraph has a background color of #30bd93.

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

#30bd93 border color

This element has a border color of #30bd93.

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

CSS codes

.text {color:#30bd93;}

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

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

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, #000101 is the darkest color, while #f1fbf8 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#04110d
```
#04110d rgb(4,17,13)
```
#082119
```
#082119 rgb(8,33,25)
```
#0c3026
```
#0c3026 rgb(12,48,38)
```
#104032
```
#104032 rgb(16,64,50)
```
#14503e
```
#14503e rgb(20,80,62)
```
#185f4a
```
#185f4a rgb(24,95,74)
```
#1c6f56
```
#1c6f56 rgb(28,111,86)
```
#207e62
```
#207e62 rgb(32,126,98)
```
#248e6f
```
#248e6f rgb(36,142,111)
```
#289e7b
```
#289e7b rgb(40,158,123)
```
#2cad87
```
#2cad87 rgb(44,173,135)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```

Shade Color Variation

#35cc9f
```
#35cc9f rgb(53,204,159)
```
#45d0a6
```
#45d0a6 rgb(69,208,166)
```
#54d4ae
```
#54d4ae rgb(84,212,174)
```
#64d8b5
```
#64d8b5 rgb(100,216,181)
```
#74dcbd
```
#74dcbd rgb(116,220,189)
```
#83e0c4
```
#83e0c4 rgb(131,224,196)
```
#93e4cb
```
#93e4cb rgb(147,228,203)
```
#a2e7d3
```
#a2e7d3 rgb(162,231,211)
```
#b2ebda
```
#b2ebda rgb(178,235,218)
```
#c2efe2
```
#c2efe2 rgb(194,239,226)
```
#d1f3e9
```
#d1f3e9 rgb(209,243,233)
```
#e1f7f1
```
#e1f7f1 rgb(225,247,241)
```
#f1fbf8
```
#f1fbf8 rgb(241,251,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707d79 is the less saturated color, while #02eba5 is the most saturated one.

#707d79
```
#707d79 rgb(112,125,121)
```
#67867d
```
#67867d rgb(103,134,125)
```
#5e8f81
```
#5e8f81 rgb(94,143,129)
```
#549984
```
#549984 rgb(84,153,132)
```
#4ba288
```
#4ba288 rgb(75,162,136)
```
#42ab8c
```
#42ab8c rgb(66,171,140)
```
#39b48f
```
#39b48f rgb(57,180,143)
```
#30bd93
```
#30bd93 rgb(48,189,147)
```
#27c697
```
#27c697 rgb(39,198,151)
```
#1ecf9a
```
#1ecf9a rgb(30,207,154)
```
#15d89e
```
#15d89e rgb(21,216,158)
```
#0ce1a2
```
#0ce1a2 rgb(12,225,162)
```
#02eba5
```
#02eba5 rgb(2,235,165)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7b978f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ac8f Protanopia 1% of men
#c0a6a1 Deuteranopia 1% of men
#57b9c7 Tritanopia 0.001% of the population

Trichromacy

#85b290 Protanomaly 1% of men, 0.01% of women
#8cae9c Deuteranomaly 6% of men, 0.4% of women
#48bbb4 Tritanomaly 0.01% of the population

#30bd93 hex color

#30bd93 Color Information

#30bd93 Color Conversion

Color Schemes with #30bd93

Alternatives to #30bd93

#30bd93 Preview

Shades and Tints of #30bd93

Tones of #30bd93

Color Blindness Simulator