#30af5a hex color

In a RGB color space, hex #30af5a is composed of 18.8% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 139.8 degrees, a saturation of 57% and a lightness of 43.7%. #30af5a color hex could be obtained by blending #60ffb4 with #005f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 69
- B 35
RGB color chart
- C 73
- M 0
- Y 49
- K 31
CMYK color chart

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

The hexadecimal color #30af5a has RGB values of R:48, G:175, B:90 and CMYK values of C:0.73, M:0, Y:0.49, K:0.31. Its decimal value is 3190618.

Hex triplet	30af5a	`#30af5a`
RGB Decimal	48, 175, 90	`rgb(48,175,90)`
RGB Percent	18.8, 68.6, 35.3	`rgb(18.8%,68.6%,35.3%)`
CMYK	73, 0, 49, 31
HSL	139.8°, 57, 43.7	`hsl(139.8,57%,43.7%)`
HSV (or HSB)	139.8°, 72.6, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.363, -52.876, 33.806
XYZ	18.393, 32.025, 14.884
xyY	0.282, 0.49, 32.025
CIE-LCH	63.363, 62.759, 147.407
CIE-LUV	63.363, -51.442, 51.114
Hunter-Lab	56.59, -41.017, 24.019
Binary	00110000, 10101111, 01011010

#30af5a
```
#30af5a rgb(48,175,90)
```
#af3085
```
#af3085 rgb(175,48,133)
```

Complementary Color

#46af30
```
#46af30 rgb(70,175,48)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#30af9a
```
#30af9a rgb(48,175,154)
```

Analogous Color

#af3046
```
#af3046 rgb(175,48,70)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#9a30af
```
#9a30af rgb(154,48,175)
```

Split Complementary Color

#af5a30
```
#af5a30 rgb(175,90,48)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#5a30af
```
#5a30af rgb(90,48,175)
```

Triadic Color

#85af30
```
#85af30 rgb(133,175,48)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#5a30af
```
#5a30af rgb(90,48,175)
```
#af3085
```
#af3085 rgb(175,48,133)
```

Tetradic Color

#20733b
```
#20733b rgb(32,115,59)
```
#258745
```
#258745 rgb(37,135,69)
```
#2b9b50
```
#2b9b50 rgb(43,155,80)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#35c364
```
#35c364 rgb(53,195,100)
```
#46cc72
```
#46cc72 rgb(70,204,114)
```
#5ad281
```
#5ad281 rgb(90,210,129)
```

Monochromatic Color

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

#30af3a
```
#30af3a rgb(48,175,58)
```
#30af45
```
#30af45 rgb(48,175,69)
```
#30af4f
```
#30af4f rgb(48,175,79)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#30af65
```
#30af65 rgb(48,175,101)
```
#30af6f
```
#30af6f rgb(48,175,111)
```
#30af7a
```
#30af7a rgb(48,175,122)
```

Similar Colors

Text with hexadecimal color #30af5a

This text has a font color of #30af5a.

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

#30af5a background color

This paragraph has a background color of #30af5a.

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

#30af5a border color

This element has a border color of #30af5a.

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

CSS codes

.text {color:#30af5a;}

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

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

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

#020603
```
#020603 rgb(2,6,3)
```
#06150b
```
#06150b rgb(6,21,11)
```
#0a2413
```
#0a2413 rgb(10,36,19)
```
#0e341b
```
#0e341b rgb(14,52,27)
```
#124323
```
#124323 rgb(18,67,35)
```
#17532b
```
#17532b rgb(23,83,43)
```
#1b6232
```
#1b6232 rgb(27,98,50)
```
#1f713a
```
#1f713a rgb(31,113,58)
```
#238142
```
#238142 rgb(35,129,66)
```
#28904a
```
#28904a rgb(40,144,74)
```
#2ca052
```
#2ca052 rgb(44,160,82)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#34be62
```
#34be62 rgb(52,190,98)
```

Shade Color Variation

#3dca6b
```
#3dca6b rgb(61,202,107)
```
#4cce77
```
#4cce77 rgb(76,206,119)
```
#5bd283
```
#5bd283 rgb(91,210,131)
```
#6bd68e
```
#6bd68e rgb(107,214,142)
```
#7adb9a
```
#7adb9a rgb(122,219,154)
```
#8adfa6
```
#8adfa6 rgb(138,223,166)
```
#99e3b1
```
#99e3b1 rgb(153,227,177)
```
#a8e7bd
```
#a8e7bd rgb(168,231,189)
```
#b8ebc9
```
#b8ebc9 rgb(184,235,201)
```
#c7f0d5
```
#c7f0d5 rgb(199,240,213)
```
#d6f4e0
```
#d6f4e0 rgb(214,244,224)
```
#e6f8ec
```
#e6f8ec rgb(230,248,236)
```
#f5fcf8
```
#f5fcf8 rgb(245,252,248)
```

Tint Color Variation

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

#6c736e
```
#6c736e rgb(108,115,110)
```
#637c6b
```
#637c6b rgb(99,124,107)
```
#5b8469
```
#5b8469 rgb(91,132,105)
```
#528d66
```
#528d66 rgb(82,141,102)
```
#4a9563
```
#4a9563 rgb(74,149,99)
```
#419e60
```
#419e60 rgb(65,158,96)
```
#39a65d
```
#39a65d rgb(57,166,93)
```
#30af5a
```
#30af5a rgb(48,175,90)
```
#27b857
```
#27b857 rgb(39,184,87)
```
#1fc054
```
#1fc054 rgb(31,192,84)
```
#16c951
```
#16c951 rgb(22,201,81)
```
#0ed14e
```
#0ed14e rgb(14,209,78)
```
#05da4b
```
#05da4b rgb(5,218,75)
```

Tone Color Variation

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

Dichromacy

#ad9e5b Protanopia 1% of men
#bd986c Deuteranopia 1% of men
#5da9b6 Tritanopia 0.001% of the population

Trichromacy

#80a45a Protanomaly 1% of men, 0.01% of women
#89a065 Deuteranomaly 6% of men, 0.4% of women
#4cab94 Tritanomaly 0.01% of the population

#30af5a hex color

#30af5a Color Information

#30af5a Color Conversion

Color Schemes with #30af5a

Alternatives to #30af5a

#30af5a Preview

Shades and Tints of #30af5a

Tones of #30af5a

Color Blindness Simulator