#30a488 hex color

In a RGB color space, hex #30a488 is composed of 18.8% red, 64.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 0% magenta, 17.1% yellow and 35.7% black. It has a hue angle of 165.5 degrees, a saturation of 54.7% and a lightness of 41.6%. #30a488 color hex could be obtained by blending #60ffff with #004911. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 53
RGB color chart
- C 71
- M 0
- Y 17
- K 36
CMYK color chart

● #30a488 color description : Dark cyan.

The hexadecimal color #30a488 has RGB values of R:48, G:164, B:136 and CMYK values of C:0.71, M:0, Y:0.17, K:0.36. Its decimal value is 3187848.

Hex triplet	30a488	`#30a488`
RGB Decimal	48, 164, 136	`rgb(48,164,136)`
RGB Percent	18.8, 64.3, 53.3	`rgb(18.8%,64.3%,53.3%)`
CMYK	71, 0, 17, 36
HSL	165.5°, 54.7, 41.6	`hsl(165.5,54.7%,41.6%)`
HSV (or HSB)	165.5°, 70.7, 64.3
Web Safe	339999	`#339999`

CIE-LAB	60.742, -38.756, 5.309
XYZ	18.937, 28.955, 27.882
xyY	0.25, 0.382, 28.955
CIE-LCH	60.742, 39.118, 172.199
CIE-LUV	60.742, -44.821, 13.445
Hunter-Lab	53.81, -31.35, 6.945
Binary	00110000, 10100100, 10001000

#30a488
```
#30a488 rgb(48,164,136)
```
#a4304c
```
#a4304c rgb(164,48,76)
```

Complementary Color

#30a44e
```
#30a44e rgb(48,164,78)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#3086a4
```
#3086a4 rgb(48,134,164)
```

Analogous Color

#a44e30
```
#a44e30 rgb(164,78,48)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#a43086
```
#a43086 rgb(164,48,134)
```

Split Complementary Color

#a48830
```
#a48830 rgb(164,136,48)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#8830a4
```
#8830a4 rgb(136,48,164)
```

Triadic Color

#4ca430
```
#4ca430 rgb(76,164,48)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#8830a4
```
#8830a4 rgb(136,48,164)
```
#a4304c
```
#a4304c rgb(164,48,76)
```

Tetradic Color

#1f6957
```
#1f6957 rgb(31,105,87)
```
#247d67
```
#247d67 rgb(36,125,103)
```
#2a9078
```
#2a9078 rgb(42,144,120)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#36b898
```
#36b898 rgb(54,184,152)
```
#40c7a6
```
#40c7a6 rgb(64,199,166)
```
#54cdb0
```
#54cdb0 rgb(84,205,176)
```

Monochromatic Color

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

#30a46b
```
#30a46b rgb(48,164,107)
```
#30a475
```
#30a475 rgb(48,164,117)
```
#30a47e
```
#30a47e rgb(48,164,126)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#30a492
```
#30a492 rgb(48,164,146)
```
#30a49b
```
#30a49b rgb(48,164,155)
```
#30a3a4
```
#30a3a4 rgb(48,163,164)
```

Similar Colors

Text with hexadecimal color #30a488

This text has a font color of #30a488.

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

#30a488 background color

This paragraph has a background color of #30a488.

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

#30a488 border color

This element has a border color of #30a488.

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

CSS codes

.text {color:#30a488;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#081b17
```
#081b17 rgb(8,27,23)
```
#0c2b23
```
#0c2b23 rgb(12,43,35)
```
#113a30
```
#113a30 rgb(17,58,48)
```
#15493c
```
#15493c rgb(21,73,60)
```
#1a5849
```
#1a5849 rgb(26,88,73)
```
#1e6756
```
#1e6756 rgb(30,103,86)
```
#237662
```
#237662 rgb(35,118,98)
```
#27866f
```
#27866f rgb(39,134,111)
```
#2c957b
```
#2c957b rgb(44,149,123)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#34b395
```
#34b395 rgb(52,179,149)
```
#39c2a1
```
#39c2a1 rgb(57,194,161)
```

Shade Color Variation

#46c9a9
```
#46c9a9 rgb(70,201,169)
```
#55cdb0
```
#55cdb0 rgb(85,205,176)
```
#64d2b7
```
#64d2b7 rgb(100,210,183)
```
#74d6be
```
#74d6be rgb(116,214,190)
```
#83dbc5
```
#83dbc5 rgb(131,219,197)
```
#92dfcc
```
#92dfcc rgb(146,223,204)
```
#a1e3d3
```
#a1e3d3 rgb(161,227,211)
```
#b0e8da
```
#b0e8da rgb(176,232,218)
```
#bfece2
```
#bfece2 rgb(191,236,226)
```
#cff1e9
```
#cff1e9 rgb(207,241,233)
```
#def5f0
```
#def5f0 rgb(222,245,240)
```
#edfaf7
```
#edfaf7 rgb(237,250,247)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#696b6a
```
#696b6a rgb(105,107,106)
```
#61736f
```
#61736f rgb(97,115,111)
```
#597b73
```
#597b73 rgb(89,123,115)
```
#518377
```
#518377 rgb(81,131,119)
```
#488c7b
```
#488c7b rgb(72,140,123)
```
#409480
```
#409480 rgb(64,148,128)
```
#389c84
```
#389c84 rgb(56,156,132)
```
#30a488
```
#30a488 rgb(48,164,136)
```
#28ac8c
```
#28ac8c rgb(40,172,140)
```
#20b490
```
#20b490 rgb(32,180,144)
```
#18bc95
```
#18bc95 rgb(24,188,149)
```
#0fc599
```
#0fc599 rgb(15,197,153)
```
#07cd9d
```
#07cd9d rgb(7,205,157)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9785 Protanopia 1% of men
#a79395 Deuteranopia 1% of men
#4ea3af Tritanopia 0.001% of the population

Trichromacy

#769c86 Protanomaly 1% of men, 0.01% of women
#7b9990 Deuteranomaly 6% of men, 0.4% of women
#43a3a1 Tritanomaly 0.01% of the population

#30a488 hex color

#30a488 Color Information

#30a488 Color Conversion

Color Schemes with #30a488

Alternatives to #30a488

#30a488 Preview

Shades and Tints of #30a488

Tones of #30a488

Color Blindness Simulator