#30ad5e hex color

In a RGB color space, hex #30ad5e is composed of 18.8% red, 67.8% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 0% magenta, 45.7% yellow and 32.2% black. It has a hue angle of 142.1 degrees, a saturation of 56.6% and a lightness of 43.3%. #30ad5e color hex could be obtained by blending #60ffbc with #005b00. Closest websafe color is: #339966.

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

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

The hexadecimal color #30ad5e has RGB values of R:48, G:173, B:94 and CMYK values of C:0.72, M:0, Y:0.46, K:0.32. Its decimal value is 3190110.

Hex triplet	30ad5e	`#30ad5e`
RGB Decimal	48, 173, 94	`rgb(48,173,94)`
RGB Percent	18.8, 67.8, 36.9	`rgb(18.8%,67.8%,36.9%)`
CMYK	72, 0, 46, 32
HSL	142.1°, 56.6, 43.3	`hsl(142.1,56.6%,43.3%)`
HSV (or HSB)	142.1°, 72.3, 67.8
Web Safe	339966	`#339966`

CIE-LAB	62.778, -51.468, 31.001
XYZ	18.182, 31.322, 15.677
xyY	0.279, 0.481, 31.322
CIE-LCH	62.778, 60.083, 148.938
CIE-LUV	62.778, -50.528, 47.771
Hunter-Lab	55.966, -39.951, 22.569
Binary	00110000, 10101101, 01011110

#30ad5e
```
#30ad5e rgb(48,173,94)
```
#ad307f
```
#ad307f rgb(173,48,127)
```

Complementary Color

#41ad30
```
#41ad30 rgb(65,173,48)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#30ad9d
```
#30ad9d rgb(48,173,157)
```

Analogous Color

#ad3041
```
#ad3041 rgb(173,48,65)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#9d30ad
```
#9d30ad rgb(157,48,173)
```

Split Complementary Color

#ad5e30
```
#ad5e30 rgb(173,94,48)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#5e30ad
```
#5e30ad rgb(94,48,173)
```

Triadic Color

#7fad30
```
#7fad30 rgb(127,173,48)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#5e30ad
```
#5e30ad rgb(94,48,173)
```
#ad307f
```
#ad307f rgb(173,48,127)
```

Tetradic Color

#1f713d
```
#1f713d rgb(31,113,61)
```
#258548
```
#258548 rgb(37,133,72)
```
#2a9953
```
#2a9953 rgb(42,153,83)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#36c169
```
#36c169 rgb(54,193,105)
```
#45cb76
```
#45cb76 rgb(69,203,118)
```
#59d185
```
#59d185 rgb(89,209,133)
```

Monochromatic Color

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

#30ad3f
```
#30ad3f rgb(48,173,63)
```
#30ad49
```
#30ad49 rgb(48,173,73)
```
#30ad54
```
#30ad54 rgb(48,173,84)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#30ad68
```
#30ad68 rgb(48,173,104)
```
#30ad73
```
#30ad73 rgb(48,173,115)
```
#30ad7d
```
#30ad7d rgb(48,173,125)
```

Similar Colors

Text with hexadecimal color #30ad5e

This text has a font color of #30ad5e.

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

#30ad5e background color

This paragraph has a background color of #30ad5e.

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

#30ad5e border color

This element has a border color of #30ad5e.

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

CSS codes

.text {color:#30ad5e;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#05130b
```
#05130b rgb(5,19,11)
```
#0a2313
```
#0a2313 rgb(10,35,19)
```
#0e321b
```
#0e321b rgb(14,50,27)
```
#124224
```
#124224 rgb(18,66,36)
```
#16512c
```
#16512c rgb(22,81,44)
```
#1b6034
```
#1b6034 rgb(27,96,52)
```
#1f703d
```
#1f703d rgb(31,112,61)
```
#237f45
```
#237f45 rgb(35,127,69)
```
#278e4d
```
#278e4d rgb(39,142,77)
```
#2c9e56
```
#2c9e56 rgb(44,158,86)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#34bc66
```
#34bc66 rgb(52,188,102)
```

Shade Color Variation

#3bc96f
```
#3bc96f rgb(59,201,111)
```
#4bcd7b
```
#4bcd7b rgb(75,205,123)
```
#5ad186
```
#5ad186 rgb(90,209,134)
```
#6ad691
```
#6ad691 rgb(106,214,145)
```
#79da9d
```
#79da9d rgb(121,218,157)
```
#88dea8
```
#88dea8 rgb(136,222,168)
```
#98e2b3
```
#98e2b3 rgb(152,226,179)
```
#a7e7be
```
#a7e7be rgb(167,231,190)
```
#b6ebca
```
#b6ebca rgb(182,235,202)
```
#c6efd5
```
#c6efd5 rgb(198,239,213)
```
#d5f3e0
```
#d5f3e0 rgb(213,243,224)
```
#e4f8eb
```
#e4f8eb rgb(228,248,235)
```
#f4fcf7
```
#f4fcf7 rgb(244,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 #05d853 is the most saturated one.

#6c726e
```
#6c726e rgb(108,114,110)
```
#637a6b
```
#637a6b rgb(99,122,107)
```
#5b8369
```
#5b8369 rgb(91,131,105)
```
#528b67
```
#528b67 rgb(82,139,103)
```
#4a9465
```
#4a9465 rgb(74,148,101)
```
#419c62
```
#419c62 rgb(65,156,98)
```
#39a560
```
#39a560 rgb(57,165,96)
```
#30ad5e
```
#30ad5e rgb(48,173,94)
```
#28b65c
```
#28b65c rgb(40,182,92)
```
#1fbe5a
```
#1fbe5a rgb(31,190,90)
```
#17c757
```
#17c757 rgb(23,199,87)
```
#0ecf55
```
#0ecf55 rgb(14,207,85)
```
#05d853
```
#05d853 rgb(5,216,83)
```

Tone Color Variation

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

#ab9d5f Protanopia 1% of men
#ba966f Deuteranopia 1% of men
#5ba8b4 Tritanopia 0.001% of the population

Trichromacy

#7ea25e Protanomaly 1% of men, 0.01% of women
#889e69 Deuteranomaly 6% of men, 0.4% of women
#4ba995 Tritanomaly 0.01% of the population

#30ad5e hex color

#30ad5e Color Information

#30ad5e Color Conversion

Color Schemes with #30ad5e

Alternatives to #30ad5e

#30ad5e Preview

Shades and Tints of #30ad5e

Tones of #30ad5e

Color Blindness Simulator