#30a46a hex color

In a RGB color space, hex #30a46a is composed of 18.8% red, 64.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 0% magenta, 35.4% yellow and 35.7% black. It has a hue angle of 150 degrees, a saturation of 54.7% and a lightness of 41.6%. #30a46a color hex could be obtained by blending #60ffd4 with #004900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 64
- B 42
RGB color chart
- C 71
- M 0
- Y 35
- K 36
CMYK color chart

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

The hexadecimal color #30a46a has RGB values of R:48, G:164, B:106 and CMYK values of C:0.71, M:0, Y:0.35, K:0.36. Its decimal value is 3187818.

Hex triplet	30a46a	`#30a46a`
RGB Decimal	48, 164, 106	`rgb(48,164,106)`
RGB Percent	18.8, 64.3, 41.6	`rgb(18.8%,64.3%,41.6%)`
CMYK	71, 0, 35, 36
HSL	150°, 54.7, 41.6	`hsl(150,54.7%,41.6%)`
HSV (or HSB)	150°, 70.7, 64.3
Web Safe	339966	`#339966`

CIE-LAB	60.085, -45.72, 21.05
XYZ	17.095, 28.218, 18.181
xyY	0.269, 0.444, 28.218
CIE-LCH	60.085, 50.333, 155.278
CIE-LUV	60.085, -46.614, 35.006
Hunter-Lab	53.121, -35.519, 16.893
Binary	00110000, 10100100, 01101010

#30a46a
```
#30a46a rgb(48,164,106)
```
#a4306a
```
#a4306a rgb(164,48,106)
```

Complementary Color

#30a430
```
#30a430 rgb(48,164,48)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#30a4a4
```
#30a4a4 rgb(48,164,164)
```

Analogous Color

#a43030
```
#a43030 rgb(164,48,48)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#a430a4
```
#a430a4 rgb(164,48,164)
```

Split Complementary Color

#a46a30
```
#a46a30 rgb(164,106,48)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#6a30a4
```
#6a30a4 rgb(106,48,164)
```

Triadic Color

#6aa430
```
#6aa430 rgb(106,164,48)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#6a30a4
```
#6a30a4 rgb(106,48,164)
```
#a4306a
```
#a4306a rgb(164,48,106)
```

Tetradic Color

#1f6944
```
#1f6944 rgb(31,105,68)
```
#247d51
```
#247d51 rgb(36,125,81)
```
#2a905d
```
#2a905d rgb(42,144,93)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#36b877
```
#36b877 rgb(54,184,119)
```
#40c784
```
#40c784 rgb(64,199,132)
```
#54cd90
```
#54cd90 rgb(84,205,144)
```

Monochromatic Color

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

#30a44d
```
#30a44d rgb(48,164,77)
```
#30a457
```
#30a457 rgb(48,164,87)
```
#30a460
```
#30a460 rgb(48,164,96)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#30a474
```
#30a474 rgb(48,164,116)
```
#30a47d
```
#30a47d rgb(48,164,125)
```
#30a487
```
#30a487 rgb(48,164,135)
```

Similar Colors

Text with hexadecimal color #30a46a

This text has a font color of #30a46a.

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

#30a46a background color

This paragraph has a background color of #30a46a.

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

#30a46a border color

This element has a border color of #30a46a.

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

CSS codes

.text {color:#30a46a;}

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

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

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, #040c08 is the darkest color, while #fcfefd is the lightest one.

#040c08
```
#040c08 rgb(4,12,8)
```
#081b12
```
#081b12 rgb(8,27,18)
```
#0c2b1c
```
#0c2b1c rgb(12,43,28)
```
#113a25
```
#113a25 rgb(17,58,37)
```
#15492f
```
#15492f rgb(21,73,47)
```
#1a5839
```
#1a5839 rgb(26,88,57)
```
#1e6743
```
#1e6743 rgb(30,103,67)
```
#23764d
```
#23764d rgb(35,118,77)
```
#278656
```
#278656 rgb(39,134,86)
```
#2c9560
```
#2c9560 rgb(44,149,96)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#34b374
```
#34b374 rgb(52,179,116)
```
#39c27e
```
#39c27e rgb(57,194,126)
```

Shade Color Variation

#46c987
```
#46c987 rgb(70,201,135)
```
#55cd91
```
#55cd91 rgb(85,205,145)
```
#64d29b
```
#64d29b rgb(100,210,155)
```
#74d6a5
```
#74d6a5 rgb(116,214,165)
```
#83dbaf
```
#83dbaf rgb(131,219,175)
```
#92dfb8
```
#92dfb8 rgb(146,223,184)
```
#a1e3c2
```
#a1e3c2 rgb(161,227,194)
```
#b0e8cc
```
#b0e8cc rgb(176,232,204)
```
#bfecd6
```
#bfecd6 rgb(191,236,214)
```
#cff1e0
```
#cff1e0 rgb(207,241,224)
```
#def5ea
```
#def5ea rgb(222,245,234)
```
#edfaf3
```
#edfaf3 rgb(237,250,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6a is the less saturated color, while #07cd6a is the most saturated one.

#696b6a
```
#696b6a rgb(105,107,106)
```
#61736a
```
#61736a rgb(97,115,106)
```
#597b6a
```
#597b6a rgb(89,123,106)
```
#51836a
```
#51836a rgb(81,131,106)
```
#488c6a
```
#488c6a rgb(72,140,106)
```
#40946a
```
#40946a rgb(64,148,106)
```
#389c6a
```
#389c6a rgb(56,156,106)
```
#30a46a
```
#30a46a rgb(48,164,106)
```
#28ac6a
```
#28ac6a rgb(40,172,106)
```
#20b46a
```
#20b46a rgb(32,180,106)
```
#18bc6a
```
#18bc6a rgb(24,188,106)
```
#0fc56a
```
#0fc56a rgb(15,197,106)
```
#07cd6a
```
#07cd6a rgb(7,205,106)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c8378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2966a Protanopia 1% of men
#ae9079 Deuteranopia 1% of men
#55a1ad Tritanopia 0.001% of the population

Trichromacy

#789b6a Protanomaly 1% of men, 0.01% of women
#809774 Deuteranomaly 6% of men, 0.4% of women
#48a294 Tritanomaly 0.01% of the population

#30a46a hex color

#30a46a Color Information

#30a46a Color Conversion

Color Schemes with #30a46a

Alternatives to #30a46a

#30a46a Preview

Shades and Tints of #30a46a

Tones of #30a46a

Color Blindness Simulator