#30ad5a hex color

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

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

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

The hexadecimal color #30ad5a has RGB values of R:48, G:173, B:90 and CMYK values of C:0.72, M:0, Y:0.48, K:0.32. Its decimal value is 3190106.

Hex triplet	30ad5a	`#30ad5a`
RGB Decimal	48, 173, 90	`rgb(48,173,90)`
RGB Percent	18.8, 67.8, 35.3	`rgb(18.8%,67.8%,35.3%)`
CMYK	72, 0, 48, 32
HSL	140.2°, 56.6, 43.3	`hsl(140.2,56.6%,43.3%)`
HSV (or HSB)	140.2°, 72.3, 67.8
Web Safe	339966	`#339966`

CIE-LAB	62.72, -52.141, 32.994
XYZ	18.007, 31.252, 14.756
xyY	0.281, 0.488, 31.252
CIE-LCH	62.72, 61.704, 147.675
CIE-LUV	62.72, -50.723, 49.986
Hunter-Lab	55.903, -40.335, 23.483
Binary	00110000, 10101101, 01011010

#30ad5a
```
#30ad5a rgb(48,173,90)
```
#ad3083
```
#ad3083 rgb(173,48,131)
```

Complementary Color

#45ad30
```
#45ad30 rgb(69,173,48)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#30ad99
```
#30ad99 rgb(48,173,153)
```

Analogous Color

#ad3045
```
#ad3045 rgb(173,48,69)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#9930ad
```
#9930ad rgb(153,48,173)
```

Split Complementary Color

#ad5a30
```
#ad5a30 rgb(173,90,48)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#5a30ad
```
#5a30ad rgb(90,48,173)
```

Triadic Color

#83ad30
```
#83ad30 rgb(131,173,48)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#5a30ad
```
#5a30ad rgb(90,48,173)
```
#ad3083
```
#ad3083 rgb(173,48,131)
```

Tetradic Color

#1f713b
```
#1f713b rgb(31,113,59)
```
#258545
```
#258545 rgb(37,133,69)
```
#2a9950
```
#2a9950 rgb(42,153,80)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#36c164
```
#36c164 rgb(54,193,100)
```
#45cb72
```
#45cb72 rgb(69,203,114)
```
#59d181
```
#59d181 rgb(89,209,129)
```

Monochromatic Color

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

#30ad3b
```
#30ad3b rgb(48,173,59)
```
#30ad45
```
#30ad45 rgb(48,173,69)
```
#30ad50
```
#30ad50 rgb(48,173,80)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#30ad64
```
#30ad64 rgb(48,173,100)
```
#30ad6f
```
#30ad6f rgb(48,173,111)
```
#30ad79
```
#30ad79 rgb(48,173,121)
```

Similar Colors

Text with hexadecimal color #30ad5a

This text has a font color of #30ad5a.

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

#30ad5a background color

This paragraph has a background color of #30ad5a.

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

#30ad5a border color

This element has a border color of #30ad5a.

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

CSS codes

.text {color:#30ad5a;}

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

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

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

#010402
```
#010402 rgb(1,4,2)
```
#05130a
```
#05130a rgb(5,19,10)
```
#0a2312
```
#0a2312 rgb(10,35,18)
```
#0e321a
```
#0e321a rgb(14,50,26)
```
#124222
```
#124222 rgb(18,66,34)
```
#16512a
```
#16512a rgb(22,81,42)
```
#1b6032
```
#1b6032 rgb(27,96,50)
```
#1f703a
```
#1f703a rgb(31,112,58)
```
#237f42
```
#237f42 rgb(35,127,66)
```
#278e4a
```
#278e4a rgb(39,142,74)
```
#2c9e52
```
#2c9e52 rgb(44,158,82)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#34bc62
```
#34bc62 rgb(52,188,98)
```

Shade Color Variation

#3bc96b
```
#3bc96b rgb(59,201,107)
```
#4bcd77
```
#4bcd77 rgb(75,205,119)
```
#5ad182
```
#5ad182 rgb(90,209,130)
```
#6ad68e
```
#6ad68e rgb(106,214,142)
```
#79da99
```
#79da99 rgb(121,218,153)
```
#88dea5
```
#88dea5 rgb(136,222,165)
```
#98e2b1
```
#98e2b1 rgb(152,226,177)
```
#a7e7bc
```
#a7e7bc rgb(167,231,188)
```
#b6ebc8
```
#b6ebc8 rgb(182,235,200)
```
#c6efd4
```
#c6efd4 rgb(198,239,212)
```
#d5f3df
```
#d5f3df rgb(213,243,223)
```
#e4f8eb
```
#e4f8eb rgb(228,248,235)
```
#f4fcf6
```
#f4fcf6 rgb(244,252,246)
```

Tint Color Variation

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

#6c726e
```
#6c726e rgb(108,114,110)
```
#637a6b
```
#637a6b rgb(99,122,107)
```
#5b8368
```
#5b8368 rgb(91,131,104)
```
#528b65
```
#528b65 rgb(82,139,101)
```
#4a9462
```
#4a9462 rgb(74,148,98)
```
#419c60
```
#419c60 rgb(65,156,96)
```
#39a55d
```
#39a55d rgb(57,165,93)
```
#30ad5a
```
#30ad5a rgb(48,173,90)
```
#28b657
```
#28b657 rgb(40,182,87)
```
#1fbe54
```
#1fbe54 rgb(31,190,84)
```
#17c752
```
#17c752 rgb(23,199,82)
```
#0ecf4f
```
#0ecf4f rgb(14,207,79)
```
#05d84c
```
#05d84c rgb(5,216,76)
```

Tone Color Variation

Below, you can see how #30ad5a 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
#6e8777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9d5b Protanopia 1% of men
#ba966b Deuteranopia 1% of men
#5ca7b4 Tritanopia 0.001% of the population

Trichromacy

#7ea25a Protanomaly 1% of men, 0.01% of women
#889e65 Deuteranomaly 6% of men, 0.4% of women
#4ca993 Tritanomaly 0.01% of the population

#30ad5a hex color

#30ad5a Color Information

#30ad5a Color Conversion

Color Schemes with #30ad5a

Alternatives to #30ad5a

#30ad5a Preview

Shades and Tints of #30ad5a

Tones of #30ad5a

Color Blindness Simulator