#30a226 hex color

In a RGB color space, hex #30a226 is composed of 18.8% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 76.5% yellow and 36.5% black. It has a hue angle of 115.2 degrees, a saturation of 62% and a lightness of 39.2%. #30a226 color hex could be obtained by blending #60ff4c with #004500. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 19
- G 64
- B 15
RGB color chart
- C 70
- M 0
- Y 77
- K 36
CMYK color chart

● #30a226 color description : Dark lime green.

The hexadecimal color #30a226 has RGB values of R:48, G:162, B:38 and CMYK values of C:0.7, M:0, Y:0.77, K:0.36. Its decimal value is 3187238.

Hex triplet	30a226	`#30a226`
RGB Decimal	48, 162, 38	`rgb(48,162,38)`
RGB Percent	18.8, 63.5, 14.9	`rgb(18.8%,63.5%,14.9%)`
CMYK	70, 0, 77, 36
HSL	115.2°, 62, 39.2	`hsl(115.2,62%,39.2%)`
HSV (or HSB)	115.2°, 76.5, 63.5
Web Safe	339933	`#339933`

CIE-LAB	58.609, -54.498, 51.669
XYZ	14.488, 26.608, 6.206
xyY	0.306, 0.563, 26.608
CIE-LCH	58.609, 75.098, 136.527
CIE-LUV	58.609, -48.578, 65.302
Hunter-Lab	51.583, -40.133, 28.975
Binary	00110000, 10100010, 00100110

#30a226
```
#30a226 rgb(48,162,38)
```
#9826a2
```
#9826a2 rgb(152,38,162)
```

Complementary Color

#6ea226
```
#6ea226 rgb(110,162,38)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#26a25a
```
#26a25a rgb(38,162,90)
```

Analogous Color

#a2266e
```
#a2266e rgb(162,38,110)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#5a26a2
```
#5a26a2 rgb(90,38,162)
```

Split Complementary Color

#a22630
```
#a22630 rgb(162,38,48)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#2630a2
```
#2630a2 rgb(38,48,162)
```

Triadic Color

#a29826
```
#a29826 rgb(162,152,38)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#2630a2
```
#2630a2 rgb(38,48,162)
```
#9826a2
```
#9826a2 rgb(152,38,162)
```

Tetradic Color

#1e6417
```
#1e6417 rgb(30,100,23)
```
#24791c
```
#24791c rgb(36,121,28)
```
#2a8d21
```
#2a8d21 rgb(42,141,33)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#36b72b
```
#36b72b rgb(54,183,43)
```
#3ccb30
```
#3ccb30 rgb(60,203,48)
```
#4ed342
```
#4ed342 rgb(78,211,66)
```

Monochromatic Color

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

#4fa226
```
#4fa226 rgb(79,162,38)
```
#45a226
```
#45a226 rgb(69,162,38)
```
#3aa226
```
#3aa226 rgb(58,162,38)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#26a226
```
#26a226 rgb(38,162,38)
```
#26a231
```
#26a231 rgb(38,162,49)
```
#26a23b
```
#26a23b rgb(38,162,59)
```

Similar Colors

Text with hexadecimal color #30a226

This text has a font color of #30a226.

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

#30a226 background color

This paragraph has a background color of #30a226.

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

#30a226 border color

This element has a border color of #30a226.

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

CSS codes

.text {color:#30a226;}

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

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

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

#010301
```
#010301 rgb(1,3,1)
```
#061304
```
#061304 rgb(6,19,4)
```
#0a2308
```
#0a2308 rgb(10,35,8)
```
#0f330c
```
#0f330c rgb(15,51,12)
```
#144310
```
#144310 rgb(20,67,16)
```
#185313
```
#185313 rgb(24,83,19)
```
#1d6217
```
#1d6217 rgb(29,98,23)
```
#22721b
```
#22721b rgb(34,114,27)
```
#27821f
```
#27821f rgb(39,130,31)
```
#2b9222
```
#2b9222 rgb(43,146,34)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#35b22a
```
#35b22a rgb(53,178,42)
```
#39c22d
```
#39c22d rgb(57,194,45)
```

Shade Color Variation

#40cf34
```
#40cf34 rgb(64,207,52)
```
#4fd343
```
#4fd343 rgb(79,211,67)
```
#5ed753
```
#5ed753 rgb(94,215,83)
```
#6dda63
```
#6dda63 rgb(109,218,99)
```
#7cde73
```
#7cde73 rgb(124,222,115)
```
#8be283
```
#8be283 rgb(139,226,131)
```
#9ae693
```
#9ae693 rgb(154,230,147)
```
#a8e9a3
```
#a8e9a3 rgb(168,233,163)
```
#b7edb3
```
#b7edb3 rgb(183,237,179)
```
#c6f1c3
```
#c6f1c3 rgb(198,241,195)
```
#d5f5d2
```
#d5f5d2 rgb(213,245,210)
```
#e4f8e2
```
#e4f8e2 rgb(228,248,226)
```
#f3fcf2
```
#f3fcf2 rgb(243,252,242)
```

Tint Color Variation

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

#646464
```
#646464 rgb(100,100,100)
```
#5d6c5c
```
#5d6c5c rgb(93,108,92)
```
#577454
```
#577454 rgb(87,116,84)
```
#507c4c
```
#507c4c rgb(80,124,76)
```
#4a8345
```
#4a8345 rgb(74,131,69)
```
#438b3d
```
#438b3d rgb(67,139,61)
```
#3d9335
```
#3d9335 rgb(61,147,53)
```
#369a2e
```
#369a2e rgb(54,154,46)
```
#30a226
```
#30a226 rgb(48,162,38)
```
#2aaa1e
```
#2aaa1e rgb(42,170,30)
```
#23b117
```
#23b117 rgb(35,177,23)
```
#1db90f
```
#1db90f rgb(29,185,15)
```
#16c107
```
#16c107 rgb(22,193,7)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#657c63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932c Protanopia 1% of men
#b58c3e Deuteranopia 1% of men
#5d9ca7 Tritanopia 0.001% of the population

Trichromacy

#799829 Protanomaly 1% of men, 0.01% of women
#849435 Deuteranomaly 6% of men, 0.4% of women
#4d9e78 Tritanomaly 0.01% of the population

#30a226 hex color

#30a226 Color Information

#30a226 Color Conversion

Color Schemes with #30a226

Alternatives to #30a226

#30a226 Preview

Shades and Tints of #30a226

Tones of #30a226

Color Blindness Simulator