#30a04e hex color

In a RGB color space, hex #30a04e is composed of 18.8% red, 62.7% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 51.3% yellow and 37.3% black. It has a hue angle of 136.1 degrees, a saturation of 53.8% and a lightness of 40.8%. #30a04e color hex could be obtained by blending #60ff9c with #004100. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 63
- B 31
RGB color chart
- C 70
- M 0
- Y 51
- K 37
CMYK color chart

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

The hexadecimal color #30a04e has RGB values of R:48, G:160, B:78 and CMYK values of C:0.7, M:0, Y:0.51, K:0.37. Its decimal value is 3186766.

Hex triplet	30a04e	`#30a04e`
RGB Decimal	48, 160, 78	`rgb(48,160,78)`
RGB Percent	18.8, 62.7, 30.6	`rgb(18.8%,62.7%,30.6%)`
CMYK	70, 0, 51, 37
HSL	136.1°, 53.8, 40.8	`hsl(136.1,53.8%,40.8%)`
HSV (or HSB)	136.1°, 70, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.338, -49.241, 33.663
XYZ	15.164, 26.319, 11.488
xyY	0.286, 0.497, 26.319
CIE-LCH	58.338, 59.648, 145.642
CIE-LUV	58.338, -46.53, 49.038
Hunter-Lab	51.302, -37.016, 22.634
Binary	00110000, 10100000, 01001110

#30a04e
```
#30a04e rgb(48,160,78)
```
#a03082
```
#a03082 rgb(160,48,130)
```

Complementary Color

#4aa030
```
#4aa030 rgb(74,160,48)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#30a086
```
#30a086 rgb(48,160,134)
```

Analogous Color

#a0304a
```
#a0304a rgb(160,48,74)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#8630a0
```
#8630a0 rgb(134,48,160)
```

Split Complementary Color

#a04e30
```
#a04e30 rgb(160,78,48)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#4e30a0
```
#4e30a0 rgb(78,48,160)
```

Triadic Color

#82a030
```
#82a030 rgb(130,160,48)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#4e30a0
```
#4e30a0 rgb(78,48,160)
```
#a03082
```
#a03082 rgb(160,48,130)
```

Tetradic Color

#1e6531
```
#1e6531 rgb(30,101,49)
```
#24793b
```
#24793b rgb(36,121,59)
```
#2a8c44
```
#2a8c44 rgb(42,140,68)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#36b458
```
#36b458 rgb(54,180,88)
```
#3ec562
```
#3ec562 rgb(62,197,98)
```
#52cb72
```
#52cb72 rgb(82,203,114)
```

Monochromatic Color

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

#30a032
```
#30a032 rgb(48,160,50)
```
#30a03b
```
#30a03b rgb(48,160,59)
```
#30a045
```
#30a045 rgb(48,160,69)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#30a057
```
#30a057 rgb(48,160,87)
```
#30a061
```
#30a061 rgb(48,160,97)
```
#30a06a
```
#30a06a rgb(48,160,106)
```

Similar Colors

Text with hexadecimal color #30a04e

This text has a font color of #30a04e.

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

#30a04e background color

This paragraph has a background color of #30a04e.

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

#30a04e border color

This element has a border color of #30a04e.

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

CSS codes

.text {color:#30a04e;}

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

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

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

#030904
```
#030904 rgb(3,9,4)
```
#07180c
```
#07180c rgb(7,24,12)
```
#0c2713
```
#0c2713 rgb(12,39,19)
```
#10361b
```
#10361b rgb(16,54,27)
```
#154522
```
#154522 rgb(21,69,34)
```
#195529
```
#195529 rgb(25,85,41)
```
#1e6431
```
#1e6431 rgb(30,100,49)
```
#227338
```
#227338 rgb(34,115,56)
```
#27823f
```
#27823f rgb(39,130,63)
```
#2b9147
```
#2b9147 rgb(43,145,71)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#35af55
```
#35af55 rgb(53,175,85)
```
#39be5d
```
#39be5d rgb(57,190,93)
```

Shade Color Variation

#44c767
```
#44c767 rgb(68,199,103)
```
#53cb73
```
#53cb73 rgb(83,203,115)
```
#62d080
```
#62d080 rgb(98,208,128)
```
#71d48c
```
#71d48c rgb(113,212,140)
```
#80d998
```
#80d998 rgb(128,217,152)
```
#8fdea4
```
#8fdea4 rgb(143,222,164)
```
#9ee2b1
```
#9ee2b1 rgb(158,226,177)
```
#aee7bd
```
#aee7bd rgb(174,231,189)
```
#bdebc9
```
#bdebc9 rgb(189,235,201)
```
#ccf0d5
```
#ccf0d5 rgb(204,240,213)
```
#dbf4e2
```
#dbf4e2 rgb(219,244,226)
```
#eaf9ee
```
#eaf9ee rgb(234,249,238)
```
#f9fdfa
```
#f9fdfa rgb(249,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #607064 is the less saturated color, while #00d038 is the most saturated one.

#607064
```
#607064 rgb(96,112,100)
```
#587861
```
#587861 rgb(88,120,97)
```
#50805d
```
#50805d rgb(80,128,93)
```
#488859
```
#488859 rgb(72,136,89)
```
#409055
```
#409055 rgb(64,144,85)
```
#389852
```
#389852 rgb(56,152,82)
```
#30a04e
```
#30a04e rgb(48,160,78)
```
#28a84a
```
#28a84a rgb(40,168,74)
```
#20b047
```
#20b047 rgb(32,176,71)
```
#18b843
```
#18b843 rgb(24,184,67)
```
#10c03f
```
#10c03f rgb(16,192,63)
```
#08c83b
```
#08c83b rgb(8,200,59)
```
#00d038
```
#00d038 rgb(0,208,56)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09250 Protanopia 1% of men
#af8c60 Deuteranopia 1% of men
#599ba7 Tritanopia 0.001% of the population

Trichromacy

#77974f Protanomaly 1% of men, 0.01% of women
#809359 Deuteranomaly 6% of men, 0.4% of women
#4a9d86 Tritanomaly 0.01% of the population

#30a04e hex color

#30a04e Color Information

#30a04e Color Conversion

Color Schemes with #30a04e

Alternatives to #30a04e

#30a04e Preview

Shades and Tints of #30a04e

Tones of #30a04e

Color Blindness Simulator