colorhexa.com

#30aa00 hex color

In a RGB color space, hex #30aa00 is composed of 18.8% red, 66.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 100% yellow and 33.3% black. It has a hue angle of 103.1 degrees, a saturation of 100% and a lightness of 33.3%. #30aa00 color hex could be obtained by blending #60ff00 with #005500. Closest websafe color is: #339900.

- R 19
- G 67
- B 0
RGB color chart
- C 72
- M 0
- Y 100
- K 33
CMYK color chart

● #30aa00 color description : Dark green.

The hexadecimal color #30aa00 has RGB values of R:48, G:170, B:0 and CMYK values of C:0.72, M:0, Y:1, K:0.33. Its decimal value is 3189248.

Hex triplet	30aa00	`#30aa00`
RGB Decimal	48, 170, 0	`rgb(48,170,0)`
RGB Percent	18.8, 66.7, 0	`rgb(18.8%,66.7%,0%)`
CMYK	72, 0, 100, 33
HSL	103.1°, 100, 33.3	`hsl(103.1,100%,33.3%)`
HSV (or HSB)	103.1°, 100, 66.7
Web Safe	339900	`#339900`

CIE-LAB	61.112, -58.665, 62.064
XYZ	15.593, 29.376, 4.848
xyY	0.313, 0.59, 29.376
CIE-LCH	61.112, 85.402, 133.388
CIE-LUV	61.112, -51.922, 74.086
Hunter-Lab	54.2, -43.497, 32.636
Binary	00110000, 10101010, 00000000

#30aa00
```
#30aa00 rgb(48,170,0)
```
#7a00aa
```
#7a00aa rgb(122,0,170)
```

Complementary Color

#85aa00
```
#85aa00 rgb(133,170,0)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```
#00aa25
```
#00aa25 rgb(0,170,37)
```

Analogous Color

#aa0085
```
#aa0085 rgb(170,0,133)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```
#2500aa
```
#2500aa rgb(37,0,170)
```

Split Complementary Color

#1a5e00
```
#1a5e00 rgb(26,94,0)
```
#227700
```
#227700 rgb(34,119,0)
```
#299100
```
#299100 rgb(41,145,0)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```
#37c400
```
#37c400 rgb(55,196,0)
```
#3edd00
```
#3edd00 rgb(62,221,0)
```
#46f700
```
#46f700 rgb(70,247,0)
```

Monochromatic Color

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

#5baa00
```
#5baa00 rgb(91,170,0)
```
#4caa00
```
#4caa00 rgb(76,170,0)
```
#3eaa00
```
#3eaa00 rgb(62,170,0)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```
#22aa00
```
#22aa00 rgb(34,170,0)
```
#14aa00
```
#14aa00 rgb(20,170,0)
```
#06aa00
```
#06aa00 rgb(6,170,0)
```

Similar Colors

Text with hexadecimal color #30aa00

This text has a font color of #30aa00.

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

#30aa00 background color

This paragraph has a background color of #30aa00.

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

#30aa00 border color

This element has a border color of #30aa00.

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

CSS codes

.text {color:#30aa00;}

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

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

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

#040d00
```
#040d00 rgb(4,13,0)
```
#092100
```
#092100 rgb(9,33,0)
```
#0f3400
```
#0f3400 rgb(15,52,0)
```
#144800
```
#144800 rgb(20,72,0)
```
#1a5c00
```
#1a5c00 rgb(26,92,0)
```
#1f6f00
```
#1f6f00 rgb(31,111,0)
```
#258300
```
#258300 rgb(37,131,0)
```
#2a9600
```
#2a9600 rgb(42,150,0)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```
#36be00
```
#36be00 rgb(54,190,0)
```
#3bd100
```
#3bd100 rgb(59,209,0)
```
#41e500
```
#41e500 rgb(65,229,0)
```
#46f800
```
#46f800 rgb(70,248,0)
```

Shade Color Variation

#51ff0d
```
#51ff0d rgb(81,255,13)
```
#5fff21
```
#5fff21 rgb(95,255,33)
```
#6eff34
```
#6eff34 rgb(110,255,52)
```
#7cff48
```
#7cff48 rgb(124,255,72)
```
#8aff5c
```
#8aff5c rgb(138,255,92)
```
#98ff6f
```
#98ff6f rgb(152,255,111)
```
#a6ff83
```
#a6ff83 rgb(166,255,131)
```
#b4ff96
```
#b4ff96 rgb(180,255,150)
```
#c2ffaa
```
#c2ffaa rgb(194,255,170)
```
#d0ffbe
```
#d0ffbe rgb(208,255,190)
```
#deffd1
```
#deffd1 rgb(222,255,209)
```
#ecffe5
```
#ecffe5 rgb(236,255,229)
```
#fafff8
```
#fafff8 rgb(250,255,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525c4e is the less saturated color, while #30aa00 is the most saturated one.

#525c4e
```
#525c4e rgb(82,92,78)
```
#4f6248
```
#4f6248 rgb(79,98,72)
```
#4c6941
```
#4c6941 rgb(76,105,65)
```
#4a6f3b
```
#4a6f3b rgb(74,111,59)
```
#477634
```
#477634 rgb(71,118,52)
```
#447c2e
```
#447c2e rgb(68,124,46)
```
#418327
```
#418327 rgb(65,131,39)
```
#3e8921
```
#3e8921 rgb(62,137,33)
```
#3b901a
```
#3b901a rgb(59,144,26)
```
#399614
```
#399614 rgb(57,150,20)
```
#369d0d
```
#369d0d rgb(54,157,13)
```
#33a307
```
#33a307 rgb(51,163,7)
```
#30aa00
```
#30aa00 rgb(48,170,0)
```

Tone Color Variation

Below, you can see how #30aa00 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
#657d5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9900 Protanopia 1% of men
#be912b Deuteranopia 1% of men
#61a2ae Tritanopia 0.001% of the population

Trichromacy

#7e9f00 Protanomaly 1% of men, 0.01% of women
#8a9a1b Deuteranomaly 6% of men, 0.4% of women
#4fa56f Tritanomaly 0.01% of the population