#30a58f hex color

In a RGB color space, hex #30a58f is composed of 18.8% red, 64.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 0% magenta, 13.3% yellow and 35.3% black. It has a hue angle of 168.7 degrees, a saturation of 54.9% and a lightness of 41.8%. #30a58f color hex could be obtained by blending #60ffff with #004b1f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 65
- B 56
RGB color chart
- C 71
- M 0
- Y 13
- K 35
CMYK color chart

● #30a58f color description : Dark cyan.

The hexadecimal color #30a58f has RGB values of R:48, G:165, B:143 and CMYK values of C:0.71, M:0, Y:0.13, K:0.35. Its decimal value is 3188111.

Hex triplet	30a58f	`#30a58f`
RGB Decimal	48, 165, 143	`rgb(48,165,143)`
RGB Percent	18.8, 64.7, 56.1	`rgb(18.8%,64.7%,56.1%)`
CMYK	71, 0, 13, 35
HSL	168.7°, 54.9, 41.8	`hsl(168.7,54.9%,41.8%)`
HSV (or HSB)	168.7°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.238, -37.371, 2.096
XYZ	19.63, 29.52, 30.648
xyY	0.246, 0.37, 29.52
CIE-LCH	61.238, 37.429, 176.79
CIE-LUV	61.238, -44.741, 8.682
Hunter-Lab	54.332, -30.589, 4.588
Binary	00110000, 10100101, 10001111

#30a58f
```
#30a58f rgb(48,165,143)
```
#a53046
```
#a53046 rgb(165,48,70)
```

Complementary Color

#30a555
```
#30a555 rgb(48,165,85)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#3081a5
```
#3081a5 rgb(48,129,165)
```

Analogous Color

#a55530
```
#a55530 rgb(165,85,48)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#a53081
```
#a53081 rgb(165,48,129)
```

Split Complementary Color

#a58f30
```
#a58f30 rgb(165,143,48)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#8f30a5
```
#8f30a5 rgb(143,48,165)
```

Triadic Color

#46a530
```
#46a530 rgb(70,165,48)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#8f30a5
```
#8f30a5 rgb(143,48,165)
```
#a53046
```
#a53046 rgb(165,48,70)
```

Tetradic Color

#1f6a5c
```
#1f6a5c rgb(31,106,92)
```
#257d6d
```
#257d6d rgb(37,125,109)
```
#2a917e
```
#2a917e rgb(42,145,126)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#36b9a0
```
#36b9a0 rgb(54,185,160)
```
#40c8ae
```
#40c8ae rgb(64,200,174)
```
#54cdb7
```
#54cdb7 rgb(84,205,183)
```

Monochromatic Color

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

#30a572
```
#30a572 rgb(48,165,114)
```
#30a57c
```
#30a57c rgb(48,165,124)
```
#30a585
```
#30a585 rgb(48,165,133)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#30a599
```
#30a599 rgb(48,165,153)
```
#30a5a3
```
#30a5a3 rgb(48,165,163)
```
#309ea5
```
#309ea5 rgb(48,158,165)
```

Similar Colors

Text with hexadecimal color #30a58f

This text has a font color of #30a58f.

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

#30a58f background color

This paragraph has a background color of #30a58f.

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

#30a58f border color

This element has a border color of #30a58f.

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

CSS codes

.text {color:#30a58f;}

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

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

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

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0d2b26
```
#0d2b26 rgb(13,43,38)
```
#113b33
```
#113b33 rgb(17,59,51)
```
#154a40
```
#154a40 rgb(21,74,64)
```
#1a594d
```
#1a594d rgb(26,89,77)
```
#1e685a
```
#1e685a rgb(30,104,90)
```
#237767
```
#237767 rgb(35,119,103)
```
#278775
```
#278775 rgb(39,135,117)
```
#2c9682
```
#2c9682 rgb(44,150,130)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#34b49c
```
#34b49c rgb(52,180,156)
```
#39c3a9
```
#39c3a9 rgb(57,195,169)
```

Shade Color Variation

#47c9b1
```
#47c9b1 rgb(71,201,177)
```
#56ceb7
```
#56ceb7 rgb(86,206,183)
```
#65d2be
```
#65d2be rgb(101,210,190)
```
#74d7c4
```
#74d7c4 rgb(116,215,196)
```
#83dbcb
```
#83dbcb rgb(131,219,203)
```
#92dfd1
```
#92dfd1 rgb(146,223,209)
```
#a2e4d7
```
#a2e4d7 rgb(162,228,215)
```
#b1e8de
```
#b1e8de rgb(177,232,222)
```
#c0ede4
```
#c0ede4 rgb(192,237,228)
```
#cff1eb
```
#cff1eb rgb(207,241,235)
```
#def6f1
```
#def6f1 rgb(222,246,241)
```
#eefaf8
```
#eefaf8 rgb(238,250,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696c6b is the less saturated color, while #07cea9 is the most saturated one.

#696c6b
```
#696c6b rgb(105,108,107)
```
#617470
```
#617470 rgb(97,116,112)
```
#597c75
```
#597c75 rgb(89,124,117)
```
#51847b
```
#51847b rgb(81,132,123)
```
#498c80
```
#498c80 rgb(73,140,128)
```
#409585
```
#409585 rgb(64,149,133)
```
#389d8a
```
#389d8a rgb(56,157,138)
```
#30a58f
```
#30a58f rgb(48,165,143)
```
#28ad94
```
#28ad94 rgb(40,173,148)
```
#20b599
```
#20b599 rgb(32,181,153)
```
#17be9e
```
#17be9e rgb(23,190,158)
```
#0fc6a3
```
#0fc6a3 rgb(15,198,163)
```
#07cea9
```
#07cea9 rgb(7,206,169)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f988c Protanopia 1% of men
#a6949c Deuteranopia 1% of men
#4ca5b1 Tritanopia 0.001% of the population

Trichromacy

#769d8d Protanomaly 1% of men, 0.01% of women
#7b9a97 Deuteranomaly 6% of men, 0.4% of women
#41a5a4 Tritanomaly 0.01% of the population

#30a58f hex color

#30a58f Color Information

#30a58f Color Conversion

Color Schemes with #30a58f

Alternatives to #30a58f

#30a58f Preview

Shades and Tints of #30a58f

Tones of #30a58f

Color Blindness Simulator