#30b585 hex color

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

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

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

The hexadecimal color #30b585 has RGB values of R:48, G:181, B:133 and CMYK values of C:0.73, M:0, Y:0.27, K:0.29. Its decimal value is 3192197.

Hex triplet	30b585	`#30b585`
RGB Decimal	48, 181, 133	`rgb(48,181,133)`
RGB Percent	18.8, 71, 52.2	`rgb(18.8%,71%,52.2%)`
CMYK	73, 0, 27, 29
HSL	158.3°, 58.1, 44.9	`hsl(158.3,58.1%,44.9%)`
HSV (or HSB)	158.3°, 73.5, 71
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.034, -46.716, 14.471
XYZ	21.975, 35.367, 27.857
xyY	0.258, 0.415, 35.367
CIE-LCH	66.034, 48.906, 162.789
CIE-LUV	66.034, -51.203, 27.556
Hunter-Lab	59.471, -38.117, 13.856
Binary	00110000, 10110101, 10000101

#30b585
```
#30b585 rgb(48,181,133)
```
#b53060
```
#b53060 rgb(181,48,96)
```

Complementary Color

#30b543
```
#30b543 rgb(48,181,67)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#30a3b5
```
#30a3b5 rgb(48,163,181)
```

Analogous Color

#b54330
```
#b54330 rgb(181,67,48)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#b530a3
```
#b530a3 rgb(181,48,163)
```

Split Complementary Color

#b58530
```
#b58530 rgb(181,133,48)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#8530b5
```
#8530b5 rgb(133,48,181)
```

Triadic Color

#60b530
```
#60b530 rgb(96,181,48)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#8530b5
```
#8530b5 rgb(133,48,181)
```
#b53060
```
#b53060 rgb(181,48,96)
```

Tetradic Color

#207959
```
#207959 rgb(32,121,89)
```
#258d67
```
#258d67 rgb(37,141,103)
```
#2ba176
```
#2ba176 rgb(43,161,118)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#35c994
```
#35c994 rgb(53,201,148)
```
#49cf9f
```
#49cf9f rgb(73,207,159)
```
#5dd4a9
```
#5dd4a9 rgb(93,212,169)
```

Monochromatic Color

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

#30b564
```
#30b564 rgb(48,181,100)
```
#30b56f
```
#30b56f rgb(48,181,111)
```
#30b57a
```
#30b57a rgb(48,181,122)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#30b590
```
#30b590 rgb(48,181,144)
```
#30b59b
```
#30b59b rgb(48,181,155)
```
#30b5a6
```
#30b5a6 rgb(48,181,166)
```

Similar Colors

Text with hexadecimal color #30b585

This text has a font color of #30b585.

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

#30b585 background color

This paragraph has a background color of #30b585.

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

#30b585 border color

This element has a border color of #30b585.

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

CSS codes

.text {color:#30b585;}

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

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

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)
```
#0b291e
```
#0b291e rgb(11,41,30)
```
#0f392a
```
#0f392a rgb(15,57,42)
```
#134835
```
#134835 rgb(19,72,53)
```
#175841
```
#175841 rgb(23,88,65)
```
#1b674c
```
#1b674c rgb(27,103,76)
```
#207757
```
#207757 rgb(32,119,87)
```
#248663
```
#248663 rgb(36,134,99)
```
#28966e
```
#28966e rgb(40,150,110)
```
#2ca57a
```
#2ca57a rgb(44,165,122)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#34c590
```
#34c590 rgb(52,197,144)
```

Shade Color Variation

#40cc9a
```
#40cc9a rgb(64,204,154)
```
#4fd0a2
```
#4fd0a2 rgb(79,208,162)
```
#5fd5aa
```
#5fd5aa rgb(95,213,170)
```
#6ed9b2
```
#6ed9b2 rgb(110,217,178)
```
#7eddbb
```
#7eddbb rgb(126,221,187)
```
#8de1c3
```
#8de1c3 rgb(141,225,195)
```
#9de5cb
```
#9de5cb rgb(157,229,203)
```
#ace9d3
```
#ace9d3 rgb(172,233,211)
```
#bceddb
```
#bceddb rgb(188,237,219)
```
#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 #04e191 is the most saturated one.

#6e7774
```
#6e7774 rgb(110,119,116)
```
#658076
```
#658076 rgb(101,128,118)
```
#5c8979
```
#5c8979 rgb(92,137,121)
```
#53927b
```
#53927b rgb(83,146,123)
```
#4a9b7e
```
#4a9b7e rgb(74,155,126)
```
#42a380
```
#42a380 rgb(66,163,128)
```
#39ac83
```
#39ac83 rgb(57,172,131)
```
#30b585
```
#30b585 rgb(48,181,133)
```
#27be87
```
#27be87 rgb(39,190,135)
```
#1ec78a
```
#1ec78a rgb(30,199,138)
```
#16cf8c
```
#16cf8c rgb(22,207,140)
```
#0dd88f
```
#0dd88f rgb(13,216,143)
```
#04e191
```
#04e191 rgb(4,225,145)
```

Tone Color Variation

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

Dichromacy

#afa582 Protanopia 1% of men
#bb9f94 Deuteranopia 1% of men
#57b1be Tritanopia 0.001% of the population

Trichromacy

#81aa83 Protanomaly 1% of men, 0.01% of women
#88a78e Deuteranomaly 6% of men, 0.4% of women
#48b3a9 Tritanomaly 0.01% of the population

#30b585 hex color

#30b585 Color Information

#30b585 Color Conversion

Color Schemes with #30b585

Alternatives to #30b585

#30b585 Preview

Shades and Tints of #30b585

Tones of #30b585

Color Blindness Simulator