#30ab94 hex color

In a RGB color space, hex #30ab94 is composed of 18.8% red, 67.1% green and 58% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 0% magenta, 13.5% yellow and 32.9% black. It has a hue angle of 168.8 degrees, a saturation of 56.2% and a lightness of 42.9%. #30ab94 color hex could be obtained by blending #60ffff with #005729. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 67
- B 58
RGB color chart
- C 72
- M 0
- Y 13
- K 33
CMYK color chart

● #30ab94 color description : Dark cyan.

The hexadecimal color #30ab94 has RGB values of R:48, G:171, B:148 and CMYK values of C:0.72, M:0, Y:0.13, K:0.33. Its decimal value is 3189652.

Hex triplet	30ab94	`#30ab94`
RGB Decimal	48, 171, 148	`rgb(48,171,148)`
RGB Percent	18.8, 67.1, 58	`rgb(18.8%,67.1%,58%)`
CMYK	72, 0, 13, 33
HSL	168.8°, 56.2, 42.9	`hsl(168.8,56.2%,42.9%)`
HSV (or HSB)	168.8°, 71.9, 67.1
Web Safe	339999	`#339999`

CIE-LAB	63.252, -38.733, 2.221
XYZ	21.125, 31.89, 33.057
xyY	0.245, 0.371, 31.89
CIE-LCH	63.252, 38.796, 176.718
CIE-LUV	63.252, -46.613, 9.123
Hunter-Lab	56.472, -32.051, 4.823
Binary	00110000, 10101011, 10010100

#30ab94
```
#30ab94 rgb(48,171,148)
```
#ab3047
```
#ab3047 rgb(171,48,71)
```

Complementary Color

#30ab57
```
#30ab57 rgb(48,171,87)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#3085ab
```
#3085ab rgb(48,133,171)
```

Analogous Color

#ab5730
```
#ab5730 rgb(171,87,48)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#ab3085
```
#ab3085 rgb(171,48,133)
```

Split Complementary Color

#ab9430
```
#ab9430 rgb(171,148,48)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#9430ab
```
#9430ab rgb(148,48,171)
```

Triadic Color

#47ab30
```
#47ab30 rgb(71,171,48)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#9430ab
```
#9430ab rgb(148,48,171)
```
#ab3047
```
#ab3047 rgb(171,48,71)
```

Tetradic Color

#1f6f60
```
#1f6f60 rgb(31,111,96)
```
#258372
```
#258372 rgb(37,131,114)
```
#2a9783
```
#2a9783 rgb(42,151,131)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#36bfa5
```
#36bfa5 rgb(54,191,165)
```
#44cab1
```
#44cab1 rgb(68,202,177)
```
#58d0b9
```
#58d0b9 rgb(88,208,185)
```

Monochromatic Color

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

#30ab75
```
#30ab75 rgb(48,171,117)
```
#30ab80
```
#30ab80 rgb(48,171,128)
```
#30ab8a
```
#30ab8a rgb(48,171,138)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#30ab9e
```
#30ab9e rgb(48,171,158)
```
#30aba9
```
#30aba9 rgb(48,171,169)
```
#30a3ab
```
#30a3ab rgb(48,163,171)
```

Similar Colors

Text with hexadecimal color #30ab94

This text has a font color of #30ab94.

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

#30ab94 background color

This paragraph has a background color of #30ab94.

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

#30ab94 border color

This element has a border color of #30ab94.

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

CSS codes

.text {color:#30ab94;}

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

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

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, #010302 is the darkest color, while #f2fbfa is the lightest one.

#010302
```
#010302 rgb(1,3,2)
```
#05120f
```
#05120f rgb(5,18,15)
```
#09211d
```
#09211d rgb(9,33,29)
```
#0e302a
```
#0e302a rgb(14,48,42)
```
#124037
```
#124037 rgb(18,64,55)
```
#164f44
```
#164f44 rgb(22,79,68)
```
#1b5e52
```
#1b5e52 rgb(27,94,82)
```
#1f6e5f
```
#1f6e5f rgb(31,110,95)
```
#237d6c
```
#237d6c rgb(35,125,108)
```
#278c79
```
#278c79 rgb(39,140,121)
```
#2c9c87
```
#2c9c87 rgb(44,156,135)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#34baa1
```
#34baa1 rgb(52,186,161)
```

Shade Color Variation

#3ac8ad
```
#3ac8ad rgb(58,200,173)
```
#4accb4
```
#4accb4 rgb(74,204,180)
```
#59d0ba
```
#59d0ba rgb(89,208,186)
```
#68d5c0
```
#68d5c0 rgb(104,213,192)
```
#78d9c7
```
#78d9c7 rgb(120,217,199)
```
#87ddcd
```
#87ddcd rgb(135,221,205)
```
#96e2d4
```
#96e2d4 rgb(150,226,212)
```
#a6e6da
```
#a6e6da rgb(166,230,218)
```
#b5eae0
```
#b5eae0 rgb(181,234,224)
```
#c4efe7
```
#c4efe7 rgb(196,239,231)
```
#d4f3ed
```
#d4f3ed rgb(212,243,237)
```
#e3f7f3
```
#e3f7f3 rgb(227,247,243)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

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

#6b706f
```
#6b706f rgb(107,112,111)
```
#637874
```
#637874 rgb(99,120,116)
```
#5a817a
```
#5a817a rgb(90,129,122)
```
#52897f
```
#52897f rgb(82,137,127)
```
#499284
```
#499284 rgb(73,146,132)
```
#419a89
```
#419a89 rgb(65,154,137)
```
#38a38f
```
#38a38f rgb(56,163,143)
```
#30ab94
```
#30ab94 rgb(48,171,148)
```
#28b399
```
#28b399 rgb(40,179,153)
```
#1fbc9f
```
#1fbc9f rgb(31,188,159)
```
#17c4a4
```
#17c4a4 rgb(23,196,164)
```
#0ecda9
```
#0ecda9 rgb(14,205,169)
```
#06d5ae
```
#06d5ae rgb(6,213,174)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738c87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49d90 Protanopia 1% of men
#ab99a1 Deuteranopia 1% of men
#4daab7 Tritanopia 0.001% of the population

Trichromacy

#7aa291 Protanomaly 1% of men, 0.01% of women
#7ea09c Deuteranomaly 6% of men, 0.4% of women
#42aaaa Tritanomaly 0.01% of the population

#30ab94 hex color

#30ab94 Color Information

#30ab94 Color Conversion

Color Schemes with #30ab94

Alternatives to #30ab94

#30ab94 Preview

Shades and Tints of #30ab94

Tones of #30ab94

Color Blindness Simulator