#30ae6a hex color

In a RGB color space, hex #30ae6a is composed of 18.8% red, 68.2% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 39.1% yellow and 31.8% black. It has a hue angle of 147.6 degrees, a saturation of 56.8% and a lightness of 43.5%. #30ae6a color hex could be obtained by blending #60ffd4 with #005d00. Closest websafe color is: #339966.

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

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

The hexadecimal color #30ae6a has RGB values of R:48, G:174, B:106 and CMYK values of C:0.72, M:0, Y:0.39, K:0.32. Its decimal value is 3190378.

Hex triplet	30ae6a	`#30ae6a`
RGB Decimal	48, 174, 106	`rgb(48,174,106)`
RGB Percent	18.8, 68.2, 41.6	`rgb(18.8%,68.2%,41.6%)`
CMYK	72, 0, 39, 32
HSL	147.6°, 56.8, 43.5	`hsl(147.6,56.8%,43.5%)`
HSV (or HSB)	147.6°, 72.4, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.293, -49.655, 25.341
XYZ	18.955, 31.939, 18.801
xyY	0.272, 0.458, 31.939
CIE-LCH	63.293, 55.748, 152.963
CIE-LUV	63.293, -50.265, 41.235
Hunter-Lab	56.515, -39.032, 19.836
Binary	00110000, 10101110, 01101010

#30ae6a
```
#30ae6a rgb(48,174,106)
```
#ae3074
```
#ae3074 rgb(174,48,116)
```

Complementary Color

#35ae30
```
#35ae30 rgb(53,174,48)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#30aea9
```
#30aea9 rgb(48,174,169)
```

Analogous Color

#ae3035
```
#ae3035 rgb(174,48,53)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#a930ae
```
#a930ae rgb(169,48,174)
```

Split Complementary Color

#ae6a30
```
#ae6a30 rgb(174,106,48)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#6a30ae
```
#6a30ae rgb(106,48,174)
```

Triadic Color

#74ae30
```
#74ae30 rgb(116,174,48)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#6a30ae
```
#6a30ae rgb(106,48,174)
```
#ae3074
```
#ae3074 rgb(174,48,116)
```

Tetradic Color

#1f7245
```
#1f7245 rgb(31,114,69)
```
#258652
```
#258652 rgb(37,134,82)
```
#2a9a5e
```
#2a9a5e rgb(42,154,94)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#36c276
```
#36c276 rgb(54,194,118)
```
#45cc83
```
#45cc83 rgb(69,204,131)
```
#59d190
```
#59d190 rgb(89,209,144)
```

Monochromatic Color

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

#30ae4b
```
#30ae4b rgb(48,174,75)
```
#30ae55
```
#30ae55 rgb(48,174,85)
```
#30ae5f
```
#30ae5f rgb(48,174,95)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#30ae75
```
#30ae75 rgb(48,174,117)
```
#30ae7f
```
#30ae7f rgb(48,174,127)
```
#30ae8a
```
#30ae8a rgb(48,174,138)
```

Similar Colors

Text with hexadecimal color #30ae6a

This text has a font color of #30ae6a.

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

#30ae6a background color

This paragraph has a background color of #30ae6a.

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

#30ae6a border color

This element has a border color of #30ae6a.

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

CSS codes

.text {color:#30ae6a;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#06140c
```
#06140c rgb(6,20,12)
```
#0a2416
```
#0a2416 rgb(10,36,22)
```
#0e331f
```
#0e331f rgb(14,51,31)
```
#124228
```
#124228 rgb(18,66,40)
```
#175232
```
#175232 rgb(23,82,50)
```
#1b613b
```
#1b613b rgb(27,97,59)
```
#1f7145
```
#1f7145 rgb(31,113,69)
```
#23804e
```
#23804e rgb(35,128,78)
```
#288f57
```
#288f57 rgb(40,143,87)
```
#2c9f61
```
#2c9f61 rgb(44,159,97)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#34bd73
```
#34bd73 rgb(52,189,115)
```

Shade Color Variation

#3cc97d
```
#3cc97d rgb(60,201,125)
```
#4bcd87
```
#4bcd87 rgb(75,205,135)
```
#5bd292
```
#5bd292 rgb(91,210,146)
```
#6ad69c
```
#6ad69c rgb(106,214,156)
```
#7adaa6
```
#7adaa6 rgb(122,218,166)
```
#89deb0
```
#89deb0 rgb(137,222,176)
```
#98e3bb
```
#98e3bb rgb(152,227,187)
```
#a8e7c5
```
#a8e7c5 rgb(168,231,197)
```
#b7ebcf
```
#b7ebcf rgb(183,235,207)
```
#c6efd9
```
#c6efd9 rgb(198,239,217)
```
#d6f4e4
```
#d6f4e4 rgb(214,244,228)
```
#e5f8ee
```
#e5f8ee rgb(229,248,238)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

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

#6c726f
```
#6c726f rgb(108,114,111)
```
#637b6e
```
#637b6e rgb(99,123,110)
```
#5b836d
```
#5b836d rgb(91,131,109)
```
#528c6d
```
#528c6d rgb(82,140,109)
```
#4a946c
```
#4a946c rgb(74,148,108)
```
#419d6b
```
#419d6b rgb(65,157,107)
```
#39a56b
```
#39a56b rgb(57,165,107)
```
#30ae6a
```
#30ae6a rgb(48,174,106)
```
#27b769
```
#27b769 rgb(39,183,105)
```
#1fbf69
```
#1fbf69 rgb(31,191,105)
```
#16c868
```
#16c868 rgb(22,200,104)
```
#0ed067
```
#0ed067 rgb(14,208,103)
```
#05d967
```
#05d967 rgb(5,217,103)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#718a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e6a Protanopia 1% of men
#b9987a Deuteranopia 1% of men
#5aa9b6 Tritanopia 0.001% of the population

Trichromacy

#7ea46a Protanomaly 1% of men, 0.01% of women
#87a074 Deuteranomaly 6% of men, 0.4% of women
#4aab9a Tritanomaly 0.01% of the population

#30ae6a hex color

#30ae6a Color Information

#30ae6a Color Conversion

Color Schemes with #30ae6a

Alternatives to #30ae6a

#30ae6a Preview

Shades and Tints of #30ae6a

Tones of #30ae6a

Color Blindness Simulator