#30af31 hex color

In a RGB color space, hex #30af31 is composed of 18.8% red, 68.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 72% yellow and 31.4% black. It has a hue angle of 120.5 degrees, a saturation of 57% and a lightness of 43.7%. #30af31 color hex could be obtained by blending #60ff62 with #005f00. Closest websafe color is: #339933.

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

● #30af31 color description : Dark lime green.

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

Hex triplet	30af31	`#30af31`
RGB Decimal	48, 175, 49	`rgb(48,175,49)`
RGB Percent	18.8, 68.6, 19.2	`rgb(18.8%,68.6%,19.2%)`
CMYK	73, 0, 72, 31
HSL	120.5°, 57, 43.7	`hsl(120.5,57%,43.7%)`
HSV (or HSB)	120.5°, 72.6, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.934, -57.958, 52.028
XYZ	17.102, 31.508, 8.086
xyY	0.302, 0.556, 31.508
CIE-LCH	62.934, 77.885, 138.086
CIE-LUV	62.934, -52.97, 68.219
Hunter-Lab	56.132, -43.846, 30.752
Binary	00110000, 10101111, 00110001

#30af31
```
#30af31 rgb(48,175,49)
```
#af30ae
```
#af30ae rgb(175,48,174)
```

Complementary Color

#6faf30
```
#6faf30 rgb(111,175,48)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#30af71
```
#30af71 rgb(48,175,113)
```

Analogous Color

#af306f
```
#af306f rgb(175,48,111)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#7130af
```
#7130af rgb(113,48,175)
```

Split Complementary Color

#af3130
```
#af3130 rgb(175,49,48)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#3130af
```
#3130af rgb(49,48,175)
```

Triadic Color

#aeaf30
```
#aeaf30 rgb(174,175,48)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#3130af
```
#3130af rgb(49,48,175)
```
#af30ae
```
#af30ae rgb(175,48,174)
```

Tetradic Color

#207320
```
#207320 rgb(32,115,32)
```
#258726
```
#258726 rgb(37,135,38)
```
#2b9b2b
```
#2b9b2b rgb(43,155,43)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#35c337
```
#35c337 rgb(53,195,55)
```
#46cc47
```
#46cc47 rgb(70,204,71)
```
#5ad25b
```
#5ad25b rgb(90,210,91)
```

Monochromatic Color

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

#4faf30
```
#4faf30 rgb(79,175,48)
```
#44af30
```
#44af30 rgb(68,175,48)
```
#3aaf30
```
#3aaf30 rgb(58,175,48)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#30af3c
```
#30af3c rgb(48,175,60)
```
#30af46
```
#30af46 rgb(48,175,70)
```
#30af51
```
#30af51 rgb(48,175,81)
```

Similar Colors

Text with hexadecimal color #30af31

This text has a font color of #30af31.

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

#30af31 background color

This paragraph has a background color of #30af31.

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

#30af31 border color

This element has a border color of #30af31.

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

CSS codes

.text {color:#30af31;}

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

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

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

#020602
```
#020602 rgb(2,6,2)
```
#061506
```
#061506 rgb(6,21,6)
```
#0a240a
```
#0a240a rgb(10,36,10)
```
#0e340f
```
#0e340f rgb(14,52,15)
```
#124313
```
#124313 rgb(18,67,19)
```
#175317
```
#175317 rgb(23,83,23)
```
#1b621b
```
#1b621b rgb(27,98,27)
```
#1f7120
```
#1f7120 rgb(31,113,32)
```
#238124
```
#238124 rgb(35,129,36)
```
#289028
```
#289028 rgb(40,144,40)
```
#2ca02d
```
#2ca02d rgb(44,160,45)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#34be35
```
#34be35 rgb(52,190,53)
```

Shade Color Variation

#3dca3e
```
#3dca3e rgb(61,202,62)
```
#4cce4d
```
#4cce4d rgb(76,206,77)
```
#5bd25c
```
#5bd25c rgb(91,210,92)
```
#6bd66c
```
#6bd66c rgb(107,214,108)
```
#7adb7b
```
#7adb7b rgb(122,219,123)
```
#8adf8a
```
#8adf8a rgb(138,223,138)
```
#99e39a
```
#99e39a rgb(153,227,154)
```
#a8e7a9
```
#a8e7a9 rgb(168,231,169)
```
#b8ebb8
```
#b8ebb8 rgb(184,235,184)
```
#c7f0c7
```
#c7f0c7 rgb(199,240,199)
```
#d6f4d7
```
#d6f4d7 rgb(214,244,215)
```
#e6f8e6
```
#e6f8e6 rgb(230,248,230)
```
#f5fcf5
```
#f5fcf5 rgb(245,252,245)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c736c is the less saturated color, while #05da07 is the most saturated one.

#6c736c
```
#6c736c rgb(108,115,108)
```
#637c64
```
#637c64 rgb(99,124,100)
```
#5b845b
```
#5b845b rgb(91,132,91)
```
#528d53
```
#528d53 rgb(82,141,83)
```
#4a954a
```
#4a954a rgb(74,149,74)
```
#419e42
```
#419e42 rgb(65,158,66)
```
#39a639
```
#39a639 rgb(57,166,57)
```
#30af31
```
#30af31 rgb(48,175,49)
```
#27b829
```
#27b829 rgb(39,184,41)
```
#1fc020
```
#1fc020 rgb(31,192,32)
```
#16c918
```
#16c918 rgb(22,201,24)
```
#0ed10f
```
#0ed10f rgb(14,209,15)
```
#05da07
```
#05da07 rgb(5,218,7)
```

Tone Color Variation

Below, you can see how #30af31 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
#6c856c Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d36 Protanopia 1% of men
#c19648 Deuteranopia 1% of men
#61a7b4 Tritanopia 0.001% of the population

Trichromacy

#81a434 Protanomaly 1% of men, 0.01% of women
#8c9f40 Deuteranomaly 6% of men, 0.4% of women
#4faa84 Tritanomaly 0.01% of the population

#30af31 hex color

#30af31 Color Information

#30af31 Color Conversion

Color Schemes with #30af31

Alternatives to #30af31

#30af31 Preview

Shades and Tints of #30af31

Tones of #30af31

Color Blindness Simulator