#30a052 hex color

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

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

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

The hexadecimal color #30a052 has RGB values of R:48, G:160, B:82 and CMYK values of C:0.7, M:0, Y:0.49, K:0.37. Its decimal value is 3186770.

Hex triplet	30a052	`#30a052`
RGB Decimal	48, 160, 82	`rgb(48,160,82)`
RGB Percent	18.8, 62.7, 32.2	`rgb(18.8%,62.7%,32.2%)`
CMYK	70, 0, 49, 37
HSL	138.2°, 53.8, 40.8	`hsl(138.2,53.8%,40.8%)`
HSV (or HSB)	138.2°, 70, 62.7
Web Safe	339966	`#339966`

CIE-LAB	58.394, -48.603, 31.671
XYZ	15.312, 26.378, 12.267
xyY	0.284, 0.489, 26.378
CIE-LCH	58.394, 58.011, 146.911
CIE-LUV	58.394, -46.352, 46.941
Hunter-Lab	51.359, -36.663, 21.791
Binary	00110000, 10100000, 01010010

#30a052
```
#30a052 rgb(48,160,82)
```
#a0307e
```
#a0307e rgb(160,48,126)
```

Complementary Color

#46a030
```
#46a030 rgb(70,160,48)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#30a08a
```
#30a08a rgb(48,160,138)
```

Analogous Color

#a03046
```
#a03046 rgb(160,48,70)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#8a30a0
```
#8a30a0 rgb(138,48,160)
```

Split Complementary Color

#a05230
```
#a05230 rgb(160,82,48)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#5230a0
```
#5230a0 rgb(82,48,160)
```

Triadic Color

#7ea030
```
#7ea030 rgb(126,160,48)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#5230a0
```
#5230a0 rgb(82,48,160)
```
#a0307e
```
#a0307e rgb(160,48,126)
```

Tetradic Color

#1e6534
```
#1e6534 rgb(30,101,52)
```
#24793e
```
#24793e rgb(36,121,62)
```
#2a8c48
```
#2a8c48 rgb(42,140,72)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#36b45c
```
#36b45c rgb(54,180,92)
```
#3ec567
```
#3ec567 rgb(62,197,103)
```
#52cb76
```
#52cb76 rgb(82,203,118)
```

Monochromatic Color

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

#30a036
```
#30a036 rgb(48,160,54)
```
#30a03f
```
#30a03f rgb(48,160,63)
```
#30a049
```
#30a049 rgb(48,160,73)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#30a05b
```
#30a05b rgb(48,160,91)
```
#30a065
```
#30a065 rgb(48,160,101)
```
#30a06e
```
#30a06e rgb(48,160,110)
```

Similar Colors

Text with hexadecimal color #30a052

This text has a font color of #30a052.

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

#30a052 background color

This paragraph has a background color of #30a052.

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

#30a052 border color

This element has a border color of #30a052.

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

CSS codes

.text {color:#30a052;}

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

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

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

#030905
```
#030905 rgb(3,9,5)
```
#07180c
```
#07180c rgb(7,24,12)
```
#0c2714
```
#0c2714 rgb(12,39,20)
```
#10361c
```
#10361c rgb(16,54,28)
```
#154524
```
#154524 rgb(21,69,36)
```
#19552b
```
#19552b rgb(25,85,43)
```
#1e6433
```
#1e6433 rgb(30,100,51)
```
#22733b
```
#22733b rgb(34,115,59)
```
#278243
```
#278243 rgb(39,130,67)
```
#2b914a
```
#2b914a rgb(43,145,74)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#35af5a
```
#35af5a rgb(53,175,90)
```
#39be61
```
#39be61 rgb(57,190,97)
```

Shade Color Variation

#44c76c
```
#44c76c rgb(68,199,108)
```
#53cb78
```
#53cb78 rgb(83,203,120)
```
#62d083
```
#62d083 rgb(98,208,131)
```
#71d48f
```
#71d48f rgb(113,212,143)
```
#80d99b
```
#80d99b rgb(128,217,155)
```
#8fdea7
```
#8fdea7 rgb(143,222,167)
```
#9ee2b3
```
#9ee2b3 rgb(158,226,179)
```
#aee7bf
```
#aee7bf rgb(174,231,191)
```
#bdebcb
```
#bdebcb rgb(189,235,203)
```
#ccf0d7
```
#ccf0d7 rgb(204,240,215)
```
#dbf4e3
```
#dbf4e3 rgb(219,244,227)
```
#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, #607065 is the less saturated color, while #00d03f is the most saturated one.

#607065
```
#607065 rgb(96,112,101)
```
#587862
```
#587862 rgb(88,120,98)
```
#50805f
```
#50805f rgb(80,128,95)
```
#48885b
```
#48885b rgb(72,136,91)
```
#409058
```
#409058 rgb(64,144,88)
```
#389855
```
#389855 rgb(56,152,85)
```
#30a052
```
#30a052 rgb(48,160,82)
```
#28a84f
```
#28a84f rgb(40,168,79)
```
#20b04c
```
#20b04c rgb(32,176,76)
```
#18b849
```
#18b849 rgb(24,184,73)
```
#10c045
```
#10c045 rgb(16,192,69)
```
#08c842
```
#08c842 rgb(8,200,66)
```
#00d03f
```
#00d03f rgb(0,208,63)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09254 Protanopia 1% of men
#ae8c63 Deuteranopia 1% of men
#589ca7 Tritanopia 0.001% of the population

Trichromacy

#779753 Protanomaly 1% of men, 0.01% of women
#80935d Deuteranomaly 6% of men, 0.4% of women
#499d88 Tritanomaly 0.01% of the population

#30a052 hex color

#30a052 Color Information

#30a052 Color Conversion

Color Schemes with #30a052

Alternatives to #30a052

#30a052 Preview

Shades and Tints of #30a052

Tones of #30a052

Color Blindness Simulator