#30a987 hex color

In a RGB color space, hex #30a987 is composed of 18.8% red, 66.3% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 20.1% yellow and 33.7% black. It has a hue angle of 163.1 degrees, a saturation of 55.8% and a lightness of 42.5%. #30a987 color hex could be obtained by blending #60ffff with #00530f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 66
- B 53
RGB color chart
- C 72
- M 0
- Y 20
- K 34
CMYK color chart

● #30a987 color description : Dark cyan - lime green.

The hexadecimal color #30a987 has RGB values of R:48, G:169, B:135 and CMYK values of C:0.72, M:0, Y:0.2, K:0.34. Its decimal value is 3189127.

Hex triplet	30a987	`#30a987`
RGB Decimal	48, 169, 135	`rgb(48,169,135)`
RGB Percent	18.8, 66.3, 52.9	`rgb(18.8%,66.3%,52.9%)`
CMYK	72, 0, 20, 34
HSL	163.1°, 55.8, 42.5	`hsl(163.1,55.8%,42.5%)`
HSV (or HSB)	163.1°, 71.6, 66.3
Web Safe	339999	`#339999`

CIE-LAB	62.297, -41.196, 8.095
XYZ	19.778, 30.752, 27.814
xyY	0.252, 0.393, 30.752
CIE-LCH	62.297, 41.984, 168.883
CIE-LUV	62.297, -46.722, 17.778
Hunter-Lab	55.454, -33.381, 9.08
Binary	00110000, 10101001, 10000111

#30a987
```
#30a987 rgb(48,169,135)
```
#a93052
```
#a93052 rgb(169,48,82)
```

Complementary Color

#30a94b
```
#30a94b rgb(48,169,75)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#308fa9
```
#308fa9 rgb(48,143,169)
```

Analogous Color

#a94b30
```
#a94b30 rgb(169,75,48)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#a9308f
```
#a9308f rgb(169,48,143)
```

Split Complementary Color

#a98730
```
#a98730 rgb(169,135,48)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#8730a9
```
#8730a9 rgb(135,48,169)
```

Triadic Color

#52a930
```
#52a930 rgb(82,169,48)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#8730a9
```
#8730a9 rgb(135,48,169)
```
#a93052
```
#a93052 rgb(169,48,82)
```

Tetradic Color

#1f6d57
```
#1f6d57 rgb(31,109,87)
```
#258167
```
#258167 rgb(37,129,103)
```
#2a9577
```
#2a9577 rgb(42,149,119)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#36bd97
```
#36bd97 rgb(54,189,151)
```
#43c9a4
```
#43c9a4 rgb(67,201,164)
```
#56cfad
```
#56cfad rgb(86,207,173)
```

Monochromatic Color

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

#30a969
```
#30a969 rgb(48,169,105)
```
#30a973
```
#30a973 rgb(48,169,115)
```
#30a97d
```
#30a97d rgb(48,169,125)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#30a991
```
#30a991 rgb(48,169,145)
```
#30a99b
```
#30a99b rgb(48,169,155)
```
#30a9a5
```
#30a9a5 rgb(48,169,165)
```

Similar Colors

Text with hexadecimal color #30a987

This text has a font color of #30a987.

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

#30a987 background color

This paragraph has a background color of #30a987.

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

#30a987 border color

This element has a border color of #30a987.

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

CSS codes

.text {color:#30a987;}

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

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

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)
```
#05100d
```
#05100d rgb(5,16,13)
```
#092019
```
#092019 rgb(9,32,25)
```
#0d2f25
```
#0d2f25 rgb(13,47,37)
```
#123e32
```
#123e32 rgb(18,62,50)
```
#164d3e
```
#164d3e rgb(22,77,62)
```
#1a5d4a
```
#1a5d4a rgb(26,93,74)
```
#1f6c56
```
#1f6c56 rgb(31,108,86)
```
#237b62
```
#237b62 rgb(35,123,98)
```
#278a6f
```
#278a6f rgb(39,138,111)
```
#2c9a7b
```
#2c9a7b rgb(44,154,123)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#34b893
```
#34b893 rgb(52,184,147)
```

Shade Color Variation

#39c79f
```
#39c79f rgb(57,199,159)
```
#49cba7
```
#49cba7 rgb(73,203,167)
```
#58d0ae
```
#58d0ae rgb(88,208,174)
```
#67d4b5
```
#67d4b5 rgb(103,212,181)
```
#76d8bd
```
#76d8bd rgb(118,216,189)
```
#86ddc4
```
#86ddc4 rgb(134,221,196)
```
#95e1cc
```
#95e1cc rgb(149,225,204)
```
#a4e5d3
```
#a4e5d3 rgb(164,229,211)
```
#b4eada
```
#b4eada rgb(180,234,218)
```
#c3eee2
```
#c3eee2 rgb(195,238,226)
```
#d2f2e9
```
#d2f2e9 rgb(210,242,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, #6a6f6d is the less saturated color, while #06d399 is the most saturated one.

#6a6f6d
```
#6a6f6d rgb(106,111,109)
```
#627771
```
#627771 rgb(98,119,113)
```
#5a7f75
```
#5a7f75 rgb(90,127,117)
```
#518878
```
#518878 rgb(81,136,120)
```
#49907c
```
#49907c rgb(73,144,124)
```
#419880
```
#419880 rgb(65,152,128)
```
#38a183
```
#38a183 rgb(56,161,131)
```
#30a987
```
#30a987 rgb(48,169,135)
```
#28b18b
```
#28b18b rgb(40,177,139)
```
#1fba8e
```
#1fba8e rgb(31,186,142)
```
#17c292
```
#17c292 rgb(23,194,146)
```
#0fca96
```
#0fca96 rgb(15,202,150)
```
#06d399
```
#06d399 rgb(6,211,153)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#718982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b84 Protanopia 1% of men
#ad9795 Deuteranopia 1% of men
#50a7b4 Tritanopia 0.001% of the population

Trichromacy

#79a085 Protanomaly 1% of men, 0.01% of women
#7f9d8f Deuteranomaly 6% of men, 0.4% of women
#44a8a3 Tritanomaly 0.01% of the population

#30a987 hex color

#30a987 Color Information

#30a987 Color Conversion

Color Schemes with #30a987

Alternatives to #30a987

#30a987 Preview

Shades and Tints of #30a987

Tones of #30a987

Color Blindness Simulator