#30bb75 hex color

In a RGB color space, hex #30bb75 is composed of 18.8% red, 73.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 37.4% yellow and 26.7% black. It has a hue angle of 149.8 degrees, a saturation of 59.1% and a lightness of 46.1%. #30bb75 color hex could be obtained by blending #60ffea with #007700. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #30bb75 has RGB values of R:48, G:187, B:117 and CMYK values of C:0.74, M:0, Y:0.37, K:0.27. Its decimal value is 3193717.

Hex triplet	30bb75	`#30bb75`
RGB Decimal	48, 187, 117	`rgb(48,187,117)`
RGB Percent	18.8, 73.3, 45.9	`rgb(18.8%,73.3%,45.9%)`
CMYK	74, 0, 37, 27
HSL	149.8°, 59.1, 46.1	`hsl(149.8,59.1%,46.1%)`
HSV (or HSB)	149.8°, 74.3, 73.3
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.614, -52.49, 25.246
XYZ	22.199, 37.451, 22.888
xyY	0.269, 0.454, 37.451
CIE-LCH	67.614, 58.246, 154.314
CIE-LUV	67.614, -54.307, 42.305
Hunter-Lab	61.197, -42.347, 20.664
Binary	00110000, 10111011, 01110101

#30bb75
```
#30bb75 rgb(48,187,117)
```
#bb3076
```
#bb3076 rgb(187,48,118)
```

Complementary Color

#31bb30
```
#31bb30 rgb(49,187,48)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#30bbbb
```
#30bbbb rgb(48,187,187)
```

Analogous Color

#bb3031
```
#bb3031 rgb(187,48,49)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#bb30bb
```
#bb30bb rgb(187,48,187)
```

Split Complementary Color

#bb7530
```
#bb7530 rgb(187,117,48)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#7530bb
```
#7530bb rgb(117,48,187)
```

Triadic Color

#76bb30
```
#76bb30 rgb(118,187,48)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#7530bb
```
#7530bb rgb(117,48,187)
```
#bb3076
```
#bb3076 rgb(187,48,118)
```

Tetradic Color

#207e4f
```
#207e4f rgb(32,126,79)
```
#26925c
```
#26925c rgb(38,146,92)
```
#2ba768
```
#2ba768 rgb(43,167,104)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#38cc82
```
#38cc82 rgb(56,204,130)
```
#4dd18f
```
#4dd18f rgb(77,209,143)
```
#61d69b
```
#61d69b rgb(97,214,155)
```

Monochromatic Color

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

#30bb52
```
#30bb52 rgb(48,187,82)
```
#30bb5e
```
#30bb5e rgb(48,187,94)
```
#30bb69
```
#30bb69 rgb(48,187,105)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#30bb81
```
#30bb81 rgb(48,187,129)
```
#30bb8c
```
#30bb8c rgb(48,187,140)
```
#30bb98
```
#30bb98 rgb(48,187,152)
```

Similar Colors

Text with hexadecimal color #30bb75

This text has a font color of #30bb75.

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

#30bb75 background color

This paragraph has a background color of #30bb75.

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

#30bb75 border color

This element has a border color of #30bb75.

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

CSS codes

.text {color:#30bb75;}

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

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

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

#040f0a
```
#040f0a rgb(4,15,10)
```
#081f13
```
#081f13 rgb(8,31,19)
```
#0c2f1d
```
#0c2f1d rgb(12,47,29)
```
#103e27
```
#103e27 rgb(16,62,39)
```
#144e31
```
#144e31 rgb(20,78,49)
```
#185d3a
```
#185d3a rgb(24,93,58)
```
#1c6d44
```
#1c6d44 rgb(28,109,68)
```
#207d4e
```
#207d4e rgb(32,125,78)
```
#248c58
```
#248c58 rgb(36,140,88)
```
#289c61
```
#289c61 rgb(40,156,97)
```
#2cab6b
```
#2cab6b rgb(44,171,107)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#34cb7f
```
#34cb7f rgb(52,203,127)
```

Shade Color Variation

#43cf89
```
#43cf89 rgb(67,207,137)
```
#53d392
```
#53d392 rgb(83,211,146)
```
#63d79c
```
#63d79c rgb(99,215,156)
```
#72dba6
```
#72dba6 rgb(114,219,166)
```
#82dfb0
```
#82dfb0 rgb(130,223,176)
```
#91e3ba
```
#91e3ba rgb(145,227,186)
```
#a1e7c4
```
#a1e7c4 rgb(161,231,196)
```
#b1ebce
```
#b1ebce rgb(177,235,206)
```
#c0efd7
```
#c0efd7 rgb(192,239,215)
```
#d0f3e1
```
#d0f3e1 rgb(208,243,225)
```
#dff7eb
```
#dff7eb rgb(223,247,235)
```
#effbf5
```
#effbf5 rgb(239,251,245)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f7c75
```
#6f7c75 rgb(111,124,117)
```
#668575
```
#668575 rgb(102,133,117)
```
#5d8e75
```
#5d8e75 rgb(93,142,117)
```
#549775
```
#549775 rgb(84,151,117)
```
#4ba075
```
#4ba075 rgb(75,160,117)
```
#42a975
```
#42a975 rgb(66,169,117)
```
#39b275
```
#39b275 rgb(57,178,117)
```
#30bb75
```
#30bb75 rgb(48,187,117)
```
#27c475
```
#27c475 rgb(39,196,117)
```
#1ecd75
```
#1ecd75 rgb(30,205,117)
```
#15d675
```
#15d675 rgb(21,214,117)
```
#0cdf75
```
#0cdf75 rgb(12,223,117)
```
#03e875
```
#03e875 rgb(3,232,117)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#779385 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a973 Protanopia 1% of men
#c5a385 Deuteranopia 1% of men
#5db5c3 Tritanopia 0.001% of the population

Trichromacy

#86af74 Protanomaly 1% of men, 0.01% of women
#8eab7f Deuteranomaly 6% of men, 0.4% of women
#4db7a6 Tritanomaly 0.01% of the population

#30bb75 hex color

#30bb75 Color Information

#30bb75 Color Conversion

Color Schemes with #30bb75

Alternatives to #30bb75

#30bb75 Preview

Shades and Tints of #30bb75

Tones of #30bb75

Color Blindness Simulator