#30ae88 hex color

In a RGB color space, hex #30ae88 is composed of 18.8% red, 68.2% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 21.8% yellow and 31.8% black. It has a hue angle of 161.9 degrees, a saturation of 56.8% and a lightness of 43.5%. #30ae88 color hex could be obtained by blending #60ffff with #005d11. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 68
- B 53
RGB color chart
- C 72
- M 0
- Y 22
- K 32
CMYK color chart

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

The hexadecimal color #30ae88 has RGB values of R:48, G:174, B:136 and CMYK values of C:0.72, M:0, Y:0.22, K:0.32. Its decimal value is 3190408.

Hex triplet	30ae88	`#30ae88`
RGB Decimal	48, 174, 136	`rgb(48,174,136)`
RGB Percent	18.8, 68.2, 53.3	`rgb(18.8%,68.2%,53.3%)`
CMYK	72, 0, 22, 32
HSL	161.9°, 56.8, 43.5	`hsl(161.9,56.8%,43.5%)`
HSV (or HSB)	161.9°, 72.4, 68.2
Web Safe	339999	`#339999`

CIE-LAB	63.898, -43.092, 9.816
XYZ	20.797, 32.676, 28.502
xyY	0.254, 0.399, 32.676
CIE-LCH	63.898, 44.196, 167.168
CIE-LUV	63.898, -48.483, 20.539
Hunter-Lab	57.163, -35.093, 10.451
Binary	00110000, 10101110, 10001000

#30ae88
```
#30ae88 rgb(48,174,136)
```
#ae3056
```
#ae3056 rgb(174,48,86)
```

Complementary Color

#30ae49
```
#30ae49 rgb(48,174,73)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#3095ae
```
#3095ae rgb(48,149,174)
```

Analogous Color

#ae4930
```
#ae4930 rgb(174,73,48)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#ae3095
```
#ae3095 rgb(174,48,149)
```

Split Complementary Color

#ae8830
```
#ae8830 rgb(174,136,48)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#8830ae
```
#8830ae rgb(136,48,174)
```

Triadic Color

#56ae30
```
#56ae30 rgb(86,174,48)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#8830ae
```
#8830ae rgb(136,48,174)
```
#ae3056
```
#ae3056 rgb(174,48,86)
```

Tetradic Color

#1f7259
```
#1f7259 rgb(31,114,89)
```
#258669
```
#258669 rgb(37,134,105)
```
#2a9a78
```
#2a9a78 rgb(42,154,120)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#36c298
```
#36c298 rgb(54,194,152)
```
#45cca3
```
#45cca3 rgb(69,204,163)
```
#59d1ad
```
#59d1ad rgb(89,209,173)
```

Monochromatic Color

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

#30ae69
```
#30ae69 rgb(48,174,105)
```
#30ae73
```
#30ae73 rgb(48,174,115)
```
#30ae7e
```
#30ae7e rgb(48,174,126)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#30ae93
```
#30ae93 rgb(48,174,147)
```
#30ae9d
```
#30ae9d rgb(48,174,157)
```
#30aea8
```
#30aea8 rgb(48,174,168)
```

Similar Colors

Text with hexadecimal color #30ae88

This text has a font color of #30ae88.

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

#30ae88 background color

This paragraph has a background color of #30ae88.

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

#30ae88 border color

This element has a border color of #30ae88.

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

CSS codes

.text {color:#30ae88;}

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

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

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

#010504
```
#010504 rgb(1,5,4)
```
#061410
```
#061410 rgb(6,20,16)
```
#0a241c
```
#0a241c rgb(10,36,28)
```
#0e3328
```
#0e3328 rgb(14,51,40)
```
#124234
```
#124234 rgb(18,66,52)
```
#175240
```
#175240 rgb(23,82,64)
```
#1b614c
```
#1b614c rgb(27,97,76)
```
#1f7158
```
#1f7158 rgb(31,113,88)
```
#238064
```
#238064 rgb(35,128,100)
```
#288f70
```
#288f70 rgb(40,143,112)
```
#2c9f7c
```
#2c9f7c rgb(44,159,124)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#34bd94
```
#34bd94 rgb(52,189,148)
```

Shade Color Variation

#3cc99f
```
#3cc99f rgb(60,201,159)
```
#4bcda6
```
#4bcda6 rgb(75,205,166)
```
#5bd2ae
```
#5bd2ae rgb(91,210,174)
```
#6ad6b5
```
#6ad6b5 rgb(106,214,181)
```
#7adabd
```
#7adabd rgb(122,218,189)
```
#89dec5
```
#89dec5 rgb(137,222,197)
```
#98e3cc
```
#98e3cc rgb(152,227,204)
```
#a8e7d4
```
#a8e7d4 rgb(168,231,212)
```
#b7ebdb
```
#b7ebdb rgb(183,235,219)
```
#c6efe3
```
#c6efe3 rgb(198,239,227)
```
#d6f4eb
```
#d6f4eb rgb(214,244,235)
```
#e5f8f2
```
#e5f8f2 rgb(229,248,242)
```
#f5fcfa
```
#f5fcfa rgb(245,252,250)
```

Tint Color Variation

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

#6c7270
```
#6c7270 rgb(108,114,112)
```
#637b74
```
#637b74 rgb(99,123,116)
```
#5b8377
```
#5b8377 rgb(91,131,119)
```
#528c7a
```
#528c7a rgb(82,140,122)
```
#4a947e
```
#4a947e rgb(74,148,126)
```
#419d81
```
#419d81 rgb(65,157,129)
```
#39a585
```
#39a585 rgb(57,165,133)
```
#30ae88
```
#30ae88 rgb(48,174,136)
```
#27b78b
```
#27b78b rgb(39,183,139)
```
#1fbf8f
```
#1fbf8f rgb(31,191,143)
```
#16c892
```
#16c892 rgb(22,200,146)
```
#0ed096
```
#0ed096 rgb(14,208,150)
```
#05d999
```
#05d999 rgb(5,217,153)
```

Tone Color Variation

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

Dichromacy

#a89f85 Protanopia 1% of men
#b29a96 Deuteranopia 1% of men
#52acb8 Tritanopia 0.001% of the population

Trichromacy

#7ca486 Protanomaly 1% of men, 0.01% of women
#83a191 Deuteranomaly 6% of men, 0.4% of women
#46aca7 Tritanomaly 0.01% of the population

#30ae88 hex color

#30ae88 Color Information

#30ae88 Color Conversion

Color Schemes with #30ae88

Alternatives to #30ae88

#30ae88 Preview

Shades and Tints of #30ae88

Tones of #30ae88

Color Blindness Simulator