#30a594 hex color

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

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

● #30a594 color description : Dark cyan.

The hexadecimal color #30a594 has RGB values of R:48, G:165, B:148 and CMYK values of C:0.71, M:0, Y:0.1, K:0.35. Its decimal value is 3188116.

Hex triplet	30a594	`#30a594`
RGB Decimal	48, 165, 148	`rgb(48,165,148)`
RGB Percent	18.8, 64.7, 58	`rgb(18.8%,64.7%,58%)`
CMYK	71, 0, 10, 35
HSL	171.3°, 54.9, 41.8	`hsl(171.3,54.9%,41.8%)`
HSV (or HSB)	171.3°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	61.373, -36.021, -0.517
XYZ	20.018, 29.675, 32.688
xyY	0.243, 0.36, 29.675
CIE-LCH	61.373, 36.025, 180.823
CIE-LUV	61.373, -44.417, 4.681
Hunter-Lab	54.475, -29.738, 2.555
Binary	00110000, 10100101, 10010100

#30a594
```
#30a594 rgb(48,165,148)
```
#a53041
```
#a53041 rgb(165,48,65)
```

Complementary Color

#30a55a
```
#30a55a rgb(48,165,90)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#307ca5
```
#307ca5 rgb(48,124,165)
```

Analogous Color

#a55a30
```
#a55a30 rgb(165,90,48)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#a5307c
```
#a5307c rgb(165,48,124)
```

Split Complementary Color

#a59430
```
#a59430 rgb(165,148,48)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#9430a5
```
#9430a5 rgb(148,48,165)
```

Triadic Color

#41a530
```
#41a530 rgb(65,165,48)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#9430a5
```
#9430a5 rgb(148,48,165)
```
#a53041
```
#a53041 rgb(165,48,65)
```

Tetradic Color

#1f6a5f
```
#1f6a5f rgb(31,106,95)
```
#257d71
```
#257d71 rgb(37,125,113)
```
#2a9182
```
#2a9182 rgb(42,145,130)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#36b9a6
```
#36b9a6 rgb(54,185,166)
```
#40c8b4
```
#40c8b4 rgb(64,200,180)
```
#54cdbc
```
#54cdbc rgb(84,205,188)
```

Monochromatic Color

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

#30a577
```
#30a577 rgb(48,165,119)
```
#30a581
```
#30a581 rgb(48,165,129)
```
#30a58a
```
#30a58a rgb(48,165,138)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#30a59e
```
#30a59e rgb(48,165,158)
```
#30a3a5
```
#30a3a5 rgb(48,163,165)
```
#3099a5
```
#3099a5 rgb(48,153,165)
```

Similar Colors

Text with hexadecimal color #30a594

This text has a font color of #30a594.

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

#30a594 background color

This paragraph has a background color of #30a594.

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

#30a594 border color

This element has a border color of #30a594.

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

CSS codes

.text {color:#30a594;}

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

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

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

#040d0c
```
#040d0c rgb(4,13,12)
```
#081c19
```
#081c19 rgb(8,28,25)
```
#0d2b27
```
#0d2b27 rgb(13,43,39)
```
#113b35
```
#113b35 rgb(17,59,53)
```
#154a42
```
#154a42 rgb(21,74,66)
```
#1a5950
```
#1a5950 rgb(26,89,80)
```
#1e685d
```
#1e685d rgb(30,104,93)
```
#23776b
```
#23776b rgb(35,119,107)
```
#278779
```
#278779 rgb(39,135,121)
```
#2c9686
```
#2c9686 rgb(44,150,134)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#34b4a2
```
#34b4a2 rgb(52,180,162)
```
#39c3af
```
#39c3af rgb(57,195,175)
```

Shade Color Variation

#47c9b6
```
#47c9b6 rgb(71,201,182)
```
#56cebc
```
#56cebc rgb(86,206,188)
```
#65d2c2
```
#65d2c2 rgb(101,210,194)
```
#74d7c8
```
#74d7c8 rgb(116,215,200)
```
#83dbce
```
#83dbce rgb(131,219,206)
```
#92dfd4
```
#92dfd4 rgb(146,223,212)
```
#a2e4da
```
#a2e4da rgb(162,228,218)
```
#b1e8e0
```
#b1e8e0 rgb(177,232,224)
```
#c0ede6
```
#c0ede6 rgb(192,237,230)
```
#cff1ec
```
#cff1ec rgb(207,241,236)
```
#def6f2
```
#def6f2 rgb(222,246,242)
```
#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 #07ceb1 is the most saturated one.

#696c6b
```
#696c6b rgb(105,108,107)
```
#617471
```
#617471 rgb(97,116,113)
```
#597c77
```
#597c77 rgb(89,124,119)
```
#51847d
```
#51847d rgb(81,132,125)
```
#498c83
```
#498c83 rgb(73,140,131)
```
#409588
```
#409588 rgb(64,149,136)
```
#389d8e
```
#389d8e rgb(56,157,142)
```
#30a594
```
#30a594 rgb(48,165,148)
```
#28ad9a
```
#28ad9a rgb(40,173,154)
```
#20b5a0
```
#20b5a0 rgb(32,181,160)
```
#17bea5
```
#17bea5 rgb(23,190,165)
```
#0fc6ab
```
#0fc6ab rgb(15,198,171)
```
#07ceb1
```
#07ceb1 rgb(7,206,177)
```

Tone Color Variation

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

Dichromacy

#9e9991 Protanopia 1% of men
#a495a0 Deuteranopia 1% of men
#4aa5b2 Tritanopia 0.001% of the population

Trichromacy

#769d92 Protanomaly 1% of men, 0.01% of women
#7a9b9c Deuteranomaly 6% of men, 0.4% of women
#40a5a7 Tritanomaly 0.01% of the population

#30a594 hex color

#30a594 Color Information

#30a594 Color Conversion

Color Schemes with #30a594

Alternatives to #30a594

#30a594 Preview

Shades and Tints of #30a594

Tones of #30a594

Color Blindness Simulator