#30b586 hex color

In a RGB color space, hex #30b586 is composed of 18.8% red, 71% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 0% magenta, 26% yellow and 29% black. It has a hue angle of 158.8 degrees, a saturation of 58.1% and a lightness of 44.9%. #30b586 color hex could be obtained by blending #60ffff with #006b0d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 71
- B 53
RGB color chart
- C 73
- M 0
- Y 26
- K 29
CMYK color chart

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

The hexadecimal color #30b586 has RGB values of R:48, G:181, B:134 and CMYK values of C:0.73, M:0, Y:0.26, K:0.29. Its decimal value is 3192198.

Hex triplet	30b586	`#30b586`
RGB Decimal	48, 181, 134	`rgb(48,181,134)`
RGB Percent	18.8, 71, 52.5	`rgb(18.8%,71%,52.5%)`
CMYK	73, 0, 26, 29
HSL	158.8°, 58.1, 44.9	`hsl(158.8,58.1%,44.9%)`
HSV (or HSB)	158.8°, 73.5, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.055, -46.486, 13.955
XYZ	22.044, 35.395, 28.223
xyY	0.257, 0.413, 35.395
CIE-LCH	66.055, 48.535, 163.291
CIE-LUV	66.055, -51.141, 26.835
Hunter-Lab	59.494, -37.975, 13.519
Binary	00110000, 10110101, 10000110

#30b586
```
#30b586 rgb(48,181,134)
```
#b5305f
```
#b5305f rgb(181,48,95)
```

Complementary Color

#30b544
```
#30b544 rgb(48,181,68)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#30a2b5
```
#30a2b5 rgb(48,162,181)
```

Analogous Color

#b54430
```
#b54430 rgb(181,68,48)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#b530a2
```
#b530a2 rgb(181,48,162)
```

Split Complementary Color

#b58630
```
#b58630 rgb(181,134,48)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#8630b5
```
#8630b5 rgb(134,48,181)
```

Triadic Color

#5fb530
```
#5fb530 rgb(95,181,48)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#8630b5
```
#8630b5 rgb(134,48,181)
```
#b5305f
```
#b5305f rgb(181,48,95)
```

Tetradic Color

#207959
```
#207959 rgb(32,121,89)
```
#258d68
```
#258d68 rgb(37,141,104)
```
#2ba177
```
#2ba177 rgb(43,161,119)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#35c995
```
#35c995 rgb(53,201,149)
```
#49cfa0
```
#49cfa0 rgb(73,207,160)
```
#5dd4aa
```
#5dd4aa rgb(93,212,170)
```

Monochromatic Color

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

#30b565
```
#30b565 rgb(48,181,101)
```
#30b570
```
#30b570 rgb(48,181,112)
```
#30b57b
```
#30b57b rgb(48,181,123)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#30b591
```
#30b591 rgb(48,181,145)
```
#30b59c
```
#30b59c rgb(48,181,156)
```
#30b5a7
```
#30b5a7 rgb(48,181,167)
```

Similar Colors

Text with hexadecimal color #30b586

This text has a font color of #30b586.

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

#30b586 background color

This paragraph has a background color of #30b586.

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

#30b586 border color

This element has a border color of #30b586.

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

CSS codes

.text {color:#30b586;}

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

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

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, #030a08 is the darkest color, while #fafefc is the lightest one.

#030a08
```
#030a08 rgb(3,10,8)
```
#071a13
```
#071a13 rgb(7,26,19)
```
#0b291f
```
#0b291f rgb(11,41,31)
```
#0f392a
```
#0f392a rgb(15,57,42)
```
#134836
```
#134836 rgb(19,72,54)
```
#175841
```
#175841 rgb(23,88,65)
```
#1b674d
```
#1b674d rgb(27,103,77)
```
#207758
```
#207758 rgb(32,119,88)
```
#248664
```
#248664 rgb(36,134,100)
```
#28966f
```
#28966f rgb(40,150,111)
```
#2ca57b
```
#2ca57b rgb(44,165,123)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#34c591
```
#34c591 rgb(52,197,145)
```

Shade Color Variation

#40cc9b
```
#40cc9b rgb(64,204,155)
```
#4fd0a3
```
#4fd0a3 rgb(79,208,163)
```
#5fd5ab
```
#5fd5ab rgb(95,213,171)
```
#6ed9b3
```
#6ed9b3 rgb(110,217,179)
```
#7eddbb
```
#7eddbb rgb(126,221,187)
```
#8de1c3
```
#8de1c3 rgb(141,225,195)
```
#9de5cc
```
#9de5cc rgb(157,229,204)
```
#ace9d4
```
#ace9d4 rgb(172,233,212)
```
#bceddc
```
#bceddc rgb(188,237,220)
```
#cbf1e4
```
#cbf1e4 rgb(203,241,228)
```
#dbf5ec
```
#dbf5ec rgb(219,245,236)
```
#eafaf4
```
#eafaf4 rgb(234,250,244)
```
#fafefc
```
#fafefc rgb(250,254,252)
```

Tint Color Variation

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

#6e7774
```
#6e7774 rgb(110,119,116)
```
#658077
```
#658077 rgb(101,128,119)
```
#5c8979
```
#5c8979 rgb(92,137,121)
```
#53927c
```
#53927c rgb(83,146,124)
```
#4a9b7e
```
#4a9b7e rgb(74,155,126)
```
#42a381
```
#42a381 rgb(66,163,129)
```
#39ac83
```
#39ac83 rgb(57,172,131)
```
#30b586
```
#30b586 rgb(48,181,134)
```
#27be89
```
#27be89 rgb(39,190,137)
```
#1ec78b
```
#1ec78b rgb(30,199,139)
```
#16cf8e
```
#16cf8e rgb(22,207,142)
```
#0dd890
```
#0dd890 rgb(13,216,144)
```
#04e193
```
#04e193 rgb(4,225,147)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#769188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa583 Protanopia 1% of men
#ba9f94 Deuteranopia 1% of men
#56b2bf Tritanopia 0.001% of the population

Trichromacy

#81aa84 Protanomaly 1% of men, 0.01% of women
#88a78f Deuteranomaly 6% of men, 0.4% of women
#48b3aa Tritanomaly 0.01% of the population

#30b586 hex color

#30b586 Color Information

#30b586 Color Conversion

Color Schemes with #30b586

Alternatives to #30b586

#30b586 Preview

Shades and Tints of #30b586

Tones of #30b586

Color Blindness Simulator