#30a342 hex color

In a RGB color space, hex #30a342 is composed of 18.8% red, 63.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 59.5% yellow and 36.1% black. It has a hue angle of 129.4 degrees, a saturation of 54.5% and a lightness of 41.4%. #30a342 color hex could be obtained by blending #60ff84 with #004700. Closest websafe color is: #339933.

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

● #30a342 color description : Dark lime green.

The hexadecimal color #30a342 has RGB values of R:48, G:163, B:66 and CMYK values of C:0.71, M:0, Y:0.6, K:0.36. Its decimal value is 3187522.

Hex triplet	30a342	`#30a342`
RGB Decimal	48, 163, 66	`rgb(48,163,66)`
RGB Percent	18.8, 63.9, 25.9	`rgb(18.8%,63.9%,25.9%)`
CMYK	71, 0, 60, 36
HSL	129.4°, 54.5, 41.4	`hsl(129.4,54.5%,41.4%)`
HSV (or HSB)	129.4°, 70.6, 63.9
Web Safe	339933	`#339933`

CIE-LAB	59.172, -52.037, 40.59
XYZ	15.299, 27.215, 9.601
xyY	0.294, 0.522, 27.215
CIE-LCH	59.172, 65.995, 142.045
CIE-LUV	59.172, -48.116, 56.281
Hunter-Lab	52.168, -38.947, 25.606
Binary	00110000, 10100011, 01000010

#30a342
```
#30a342 rgb(48,163,66)
```
#a33091
```
#a33091 rgb(163,48,145)
```

Complementary Color

#58a330
```
#58a330 rgb(88,163,48)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#30a37c
```
#30a37c rgb(48,163,124)
```

Analogous Color

#a33057
```
#a33057 rgb(163,48,87)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#7c30a3
```
#7c30a3 rgb(124,48,163)
```

Split Complementary Color

#a34230
```
#a34230 rgb(163,66,48)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#4230a3
```
#4230a3 rgb(66,48,163)
```

Triadic Color

#91a330
```
#91a330 rgb(145,163,48)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#4230a3
```
#4230a3 rgb(66,48,163)
```
#a33091
```
#a33091 rgb(163,48,145)
```

Tetradic Color

#1f682a
```
#1f682a rgb(31,104,42)
```
#247c32
```
#247c32 rgb(36,124,50)
```
#2a8f3a
```
#2a8f3a rgb(42,143,58)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#36b74a
```
#36b74a rgb(54,183,74)
```
#3fc755
```
#3fc755 rgb(63,199,85)
```
#53cc66
```
#53cc66 rgb(83,204,102)
```

Monochromatic Color

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

#3ba330
```
#3ba330 rgb(59,163,48)
```
#31a330
```
#31a330 rgb(49,163,48)
```
#30a338
```
#30a338 rgb(48,163,56)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#30a34c
```
#30a34c rgb(48,163,76)
```
#30a355
```
#30a355 rgb(48,163,85)
```
#30a35f
```
#30a35f rgb(48,163,95)
```

Similar Colors

Text with hexadecimal color #30a342

This text has a font color of #30a342.

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

#30a342 background color

This paragraph has a background color of #30a342.

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

#30a342 border color

This element has a border color of #30a342.

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

CSS codes

.text {color:#30a342;}

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

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

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, #030b05 is the darkest color, while #fbfefc is the lightest one.

#030b05
```
#030b05 rgb(3,11,5)
```
#081b0b
```
#081b0b rgb(8,27,11)
```
#0c2a11
```
#0c2a11 rgb(12,42,17)
```
#113917
```
#113917 rgb(17,57,23)
```
#15481d
```
#15481d rgb(21,72,29)
```
#1a5723
```
#1a5723 rgb(26,87,35)
```
#1e6629
```
#1e6629 rgb(30,102,41)
```
#237630
```
#237630 rgb(35,118,48)
```
#278536
```
#278536 rgb(39,133,54)
```
#2c943c
```
#2c943c rgb(44,148,60)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#34b248
```
#34b248 rgb(52,178,72)
```
#39c14e
```
#39c14e rgb(57,193,78)
```

Shade Color Variation

#45c85a
```
#45c85a rgb(69,200,90)
```
#55cd67
```
#55cd67 rgb(85,205,103)
```
#64d175
```
#64d175 rgb(100,209,117)
```
#73d682
```
#73d682 rgb(115,214,130)
```
#82da90
```
#82da90 rgb(130,218,144)
```
#91df9d
```
#91df9d rgb(145,223,157)
```
#a0e3ab
```
#a0e3ab rgb(160,227,171)
```
#b0e8b8
```
#b0e8b8 rgb(176,232,184)
```
#bfecc6
```
#bfecc6 rgb(191,236,198)
```
#cef1d3
```
#cef1d3 rgb(206,241,211)
```
#ddf5e1
```
#ddf5e1 rgb(221,245,225)
```
#ecf9ee
```
#ecf9ee rgb(236,249,238)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#696a69
```
#696a69 rgb(105,106,105)
```
#617263
```
#617263 rgb(97,114,99)
```
#597a5e
```
#597a5e rgb(89,122,94)
```
#508358
```
#508358 rgb(80,131,88)
```
#488b53
```
#488b53 rgb(72,139,83)
```
#40934d
```
#40934d rgb(64,147,77)
```
#389b48
```
#389b48 rgb(56,155,72)
```
#30a342
```
#30a342 rgb(48,163,66)
```
#28ab3c
```
#28ab3c rgb(40,171,60)
```
#20b337
```
#20b337 rgb(32,179,55)
```
#18bb31
```
#18bb31 rgb(24,187,49)
```
#10c32c
```
#10c32c rgb(16,195,44)
```
#07cc26
```
#07cc26 rgb(7,204,38)
```

Tone Color Variation

Below, you can see how #30a342 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
#687f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49445 Protanopia 1% of men
#b38d55 Deuteranopia 1% of men
#5b9ea9 Tritanopia 0.001% of the population

Trichromacy

#799944 Protanomaly 1% of men, 0.01% of women
#83954e Deuteranomaly 6% of men, 0.4% of women
#4b9f83 Tritanomaly 0.01% of the population

#30a342 hex color

#30a342 Color Information

#30a342 Color Conversion

Color Schemes with #30a342

Alternatives to #30a342

#30a342 Preview

Shades and Tints of #30a342

Tones of #30a342

Color Blindness Simulator