#30af00 hex color

In a RGB color space, hex #30af00 is composed of 18.8% red, 68.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 100% yellow and 31.4% black. It has a hue angle of 103.5 degrees, a saturation of 100% and a lightness of 34.3%. #30af00 color hex could be obtained by blending #60ff00 with #005f00. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 19
- G 69
- B 0
RGB color chart
- C 73
- M 0
- Y 100
- K 31
CMYK color chart

● #30af00 color description : Dark green.

The hexadecimal color #30af00 has RGB values of R:48, G:175, B:0 and CMYK values of C:0.73, M:0, Y:1, K:0.31. Its decimal value is 3190528.

Hex triplet	30af00	`#30af00`
RGB Decimal	48, 175, 0	`rgb(48,175,0)`
RGB Percent	18.8, 68.6, 0	`rgb(18.8%,68.6%,0%)`
CMYK	73, 0, 100, 31
HSL	103.5°, 100, 34.3	`hsl(103.5,100%,34.3%)`
HSV (or HSB)	103.5°, 100, 68.6
Web Safe	339900	`#339900`

CIE-LAB	62.749, -60.241, 63.366
XYZ	16.548, 31.287, 5.167
xyY	0.312, 0.59, 31.287
CIE-LCH	62.749, 87.431, 133.552
CIE-LUV	62.749, -53.685, 76.115
Hunter-Lab	55.935, -45.077, 33.677
Binary	00110000, 10101111, 00000000

#30af00
```
#30af00 rgb(48,175,0)
```
#7f00af
```
#7f00af rgb(127,0,175)
```

Complementary Color

#88af00
```
#88af00 rgb(136,175,0)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#00af27
```
#00af27 rgb(0,175,39)
```

Analogous Color

#af0088
```
#af0088 rgb(175,0,136)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#2700af
```
#2700af rgb(39,0,175)
```

Split Complementary Color

#af0030
```
#af0030 rgb(175,0,48)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#0030af
```
#0030af rgb(0,48,175)
```

Triadic Color

#af7f00
```
#af7f00 rgb(175,127,0)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#0030af
```
#0030af rgb(0,48,175)
```
#7f00af
```
#7f00af rgb(127,0,175)
```

Tetradic Color

#1b6300
```
#1b6300 rgb(27,99,0)
```
#227c00
```
#227c00 rgb(34,124,0)
```
#299600
```
#299600 rgb(41,150,0)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#37c900
```
#37c900 rgb(55,201,0)
```
#3ee200
```
#3ee200 rgb(62,226,0)
```
#45fc00
```
#45fc00 rgb(69,252,0)
```

Monochromatic Color

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

#5caf00
```
#5caf00 rgb(92,175,0)
```
#4daf00
```
#4daf00 rgb(77,175,0)
```
#3faf00
```
#3faf00 rgb(63,175,0)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#21af00
```
#21af00 rgb(33,175,0)
```
#13af00
```
#13af00 rgb(19,175,0)
```
#04af00
```
#04af00 rgb(4,175,0)
```

Similar Colors

Text with hexadecimal color #30af00

This text has a font color of #30af00.

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

#30af00 background color

This paragraph has a background color of #30af00.

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

#30af00 border color

This element has a border color of #30af00.

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

CSS codes

.text {color:#30af00;}

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

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

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

#051200
```
#051200 rgb(5,18,0)
```
#0a2600
```
#0a2600 rgb(10,38,0)
```
#103900
```
#103900 rgb(16,57,0)
```
#154d00
```
#154d00 rgb(21,77,0)
```
#1a6100
```
#1a6100 rgb(26,97,0)
```
#207400
```
#207400 rgb(32,116,0)
```
#258800
```
#258800 rgb(37,136,0)
```
#2b9b00
```
#2b9b00 rgb(43,155,0)
```
#30af00
```
#30af00 rgb(48,175,0)
```
#35c300
```
#35c300 rgb(53,195,0)
```
#3bd600
```
#3bd600 rgb(59,214,0)
```
#40ea00
```
#40ea00 rgb(64,234,0)
```
#46fd00
```
#46fd00 rgb(70,253,0)
```

Shade Color Variation

#53ff12
```
#53ff12 rgb(83,255,18)
```
#61ff26
```
#61ff26 rgb(97,255,38)
```
#70ff39
```
#70ff39 rgb(112,255,57)
```
#7eff4d
```
#7eff4d rgb(126,255,77)
```
#8cff61
```
#8cff61 rgb(140,255,97)
```
#9aff74
```
#9aff74 rgb(154,255,116)
```
#a8ff88
```
#a8ff88 rgb(168,255,136)
```
#b7ff9b
```
#b7ff9b rgb(183,255,155)
```
#c5ffaf
```
#c5ffaf rgb(197,255,175)
```
#d3ffc3
```
#d3ffc3 rgb(211,255,195)
```
#e1ffd6
```
#e1ffd6 rgb(225,255,214)
```
#f0ffea
```
#f0ffea rgb(240,255,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#545e51
```
#545e51 rgb(84,94,81)
```
#51654a
```
#51654a rgb(81,101,74)
```
#4e6c43
```
#4e6c43 rgb(78,108,67)
```
#4b723d
```
#4b723d rgb(75,114,61)
```
#487936
```
#487936 rgb(72,121,54)
```
#45802f
```
#45802f rgb(69,128,47)
```
#428728
```
#428728 rgb(66,135,40)
```
#3f8d22
```
#3f8d22 rgb(63,141,34)
```
#3c941b
```
#3c941b rgb(60,148,27)
```
#399b14
```
#399b14 rgb(57,155,20)
```
#36a20d
```
#36a20d rgb(54,162,13)
```
#33a807
```
#33a807 rgb(51,168,7)
```
#30af00
```
#30af00 rgb(48,175,0)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#67815e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d00 Protanopia 1% of men
#c3952c Deuteranopia 1% of men
#63a7b3 Tritanopia 0.001% of the population

Trichromacy

#81a300 Protanomaly 1% of men, 0.01% of women
#8d9e1c Deuteranomaly 6% of men, 0.4% of women
#50aa72 Tritanomaly 0.01% of the population

#30af00 hex color

#30af00 Color Information

#30af00 Color Conversion

Color Schemes with #30af00

Alternatives to #30af00

#30af00 Preview

Shades and Tints of #30af00

Tones of #30af00

Color Blindness Simulator