#30ae5d hex color

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

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

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

The hexadecimal color #30ae5d has RGB values of R:48, G:174, B:93 and CMYK values of C:0.72, M:0, Y:0.47, K:0.32. Its decimal value is 3190365.

Hex triplet	30ae5d	`#30ae5d`
RGB Decimal	48, 174, 93	`rgb(48,174,93)`
RGB Percent	18.8, 68.2, 36.5	`rgb(18.8%,68.2%,36.5%)`
CMYK	72, 0, 47, 32
HSL	141.4°, 56.8, 43.5	`hsl(141.4,56.8%,43.5%)`
HSV (or HSB)	141.4°, 72.4, 68.2
Web Safe	339966	`#339966`

CIE-LAB	63.085, -52.01, 31.911
XYZ	18.33, 31.689, 15.506
xyY	0.28, 0.484, 31.689
CIE-LCH	63.085, 61.02, 148.468
CIE-LUV	63.085, -50.938, 48.907
Hunter-Lab	56.293, -40.391, 23.074
Binary	00110000, 10101110, 01011101

#30ae5d
```
#30ae5d rgb(48,174,93)
```
#ae3081
```
#ae3081 rgb(174,48,129)
```

Complementary Color

#42ae30
```
#42ae30 rgb(66,174,48)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#30ae9c
```
#30ae9c rgb(48,174,156)
```

Analogous Color

#ae3042
```
#ae3042 rgb(174,48,66)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#9c30ae
```
#9c30ae rgb(156,48,174)
```

Split Complementary Color

#ae5d30
```
#ae5d30 rgb(174,93,48)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#5d30ae
```
#5d30ae rgb(93,48,174)
```

Triadic Color

#81ae30
```
#81ae30 rgb(129,174,48)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#5d30ae
```
#5d30ae rgb(93,48,174)
```
#ae3081
```
#ae3081 rgb(174,48,129)
```

Tetradic Color

#1f723d
```
#1f723d rgb(31,114,61)
```
#258648
```
#258648 rgb(37,134,72)
```
#2a9a52
```
#2a9a52 rgb(42,154,82)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#36c268
```
#36c268 rgb(54,194,104)
```
#45cc75
```
#45cc75 rgb(69,204,117)
```
#59d184
```
#59d184 rgb(89,209,132)
```

Monochromatic Color

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

#30ae3e
```
#30ae3e rgb(48,174,62)
```
#30ae48
```
#30ae48 rgb(48,174,72)
```
#30ae53
```
#30ae53 rgb(48,174,83)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#30ae68
```
#30ae68 rgb(48,174,104)
```
#30ae72
```
#30ae72 rgb(48,174,114)
```
#30ae7d
```
#30ae7d rgb(48,174,125)
```

Similar Colors

Text with hexadecimal color #30ae5d

This text has a font color of #30ae5d.

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

#30ae5d background color

This paragraph has a background color of #30ae5d.

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

#30ae5d border color

This element has a border color of #30ae5d.

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

CSS codes

.text {color:#30ae5d;}

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

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

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 #f5fcf7 is the lightest one.

#010503
```
#010503 rgb(1,5,3)
```
#06140b
```
#06140b rgb(6,20,11)
```
#0a2413
```
#0a2413 rgb(10,36,19)
```
#0e331b
```
#0e331b rgb(14,51,27)
```
#124223
```
#124223 rgb(18,66,35)
```
#17522c
```
#17522c rgb(23,82,44)
```
#1b6134
```
#1b6134 rgb(27,97,52)
```
#1f713c
```
#1f713c rgb(31,113,60)
```
#238044
```
#238044 rgb(35,128,68)
```
#288f4d
```
#288f4d rgb(40,143,77)
```
#2c9f55
```
#2c9f55 rgb(44,159,85)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#34bd65
```
#34bd65 rgb(52,189,101)
```

Shade Color Variation

#3cc96e
```
#3cc96e rgb(60,201,110)
```
#4bcd7a
```
#4bcd7a rgb(75,205,122)
```
#5bd285
```
#5bd285 rgb(91,210,133)
```
#6ad691
```
#6ad691 rgb(106,214,145)
```
#7ada9c
```
#7ada9c rgb(122,218,156)
```
#89dea7
```
#89dea7 rgb(137,222,167)
```
#98e3b3
```
#98e3b3 rgb(152,227,179)
```
#a8e7be
```
#a8e7be rgb(168,231,190)
```
#b7ebca
```
#b7ebca rgb(183,235,202)
```
#c6efd5
```
#c6efd5 rgb(198,239,213)
```
#d6f4e0
```
#d6f4e0 rgb(214,244,224)
```
#e5f8ec
```
#e5f8ec rgb(229,248,236)
```
#f5fcf7
```
#f5fcf7 rgb(245,252,247)
```

Tint Color Variation

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

#6c726e
```
#6c726e rgb(108,114,110)
```
#637b6c
```
#637b6c rgb(99,123,108)
```
#5b8369
```
#5b8369 rgb(91,131,105)
```
#528c67
```
#528c67 rgb(82,140,103)
```
#4a9464
```
#4a9464 rgb(74,148,100)
```
#419d62
```
#419d62 rgb(65,157,98)
```
#39a55f
```
#39a55f rgb(57,165,95)
```
#30ae5d
```
#30ae5d rgb(48,174,93)
```
#27b75b
```
#27b75b rgb(39,183,91)
```
#1fbf58
```
#1fbf58 rgb(31,191,88)
```
#16c856
```
#16c856 rgb(22,200,86)
```
#0ed053
```
#0ed053 rgb(14,208,83)
```
#05d951
```
#05d951 rgb(5,217,81)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9e5e Protanopia 1% of men
#bb976e Deuteranopia 1% of men
#5ca8b5 Tritanopia 0.001% of the population

Trichromacy

#7fa35d Protanomaly 1% of men, 0.01% of women
#889f68 Deuteranomaly 6% of men, 0.4% of women
#4caa95 Tritanomaly 0.01% of the population

#30ae5d hex color

#30ae5d Color Information

#30ae5d Color Conversion

Color Schemes with #30ae5d

Alternatives to #30ae5d

#30ae5d Preview

Shades and Tints of #30ae5d

Tones of #30ae5d

Color Blindness Simulator