#30af3a hex color

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

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

● #30af3a color description : Dark lime green.

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

Hex triplet	30af3a	`#30af3a`
RGB Decimal	48, 175, 58	`rgb(48,175,58)`
RGB Percent	18.8, 68.6, 22.7	`rgb(18.8%,68.6%,22.7%)`
CMYK	73, 0, 67, 31
HSL	124.7°, 57, 43.7	`hsl(124.7,57%,43.7%)`
HSV (or HSB)	124.7°, 72.6, 68.6
Web Safe	339933	`#339933`

CIE-LAB	63.004, -57.112, 48.49
XYZ	17.312, 31.592, 9.188
xyY	0.298, 0.544, 31.592
CIE-LCH	63.004, 74.92, 139.668
CIE-LUV	63.004, -52.71, 65.327
Hunter-Lab	56.207, -43.384, 29.653
Binary	00110000, 10101111, 00111010

#30af3a
```
#30af3a rgb(48,175,58)
```
#af30a5
```
#af30a5 rgb(175,48,165)
```

Complementary Color

#66af30
```
#66af30 rgb(102,175,48)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#30af7a
```
#30af7a rgb(48,175,122)
```

Analogous Color

#af3066
```
#af3066 rgb(175,48,102)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#7a30af
```
#7a30af rgb(122,48,175)
```

Split Complementary Color

#af3a30
```
#af3a30 rgb(175,58,48)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#3a30af
```
#3a30af rgb(58,48,175)
```

Triadic Color

#a5af30
```
#a5af30 rgb(165,175,48)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#3a30af
```
#3a30af rgb(58,48,175)
```
#af30a5
```
#af30a5 rgb(175,48,165)
```

Tetradic Color

#207326
```
#207326 rgb(32,115,38)
```
#25872d
```
#25872d rgb(37,135,45)
```
#2b9b33
```
#2b9b33 rgb(43,155,51)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#35c341
```
#35c341 rgb(53,195,65)
```
#46cc50
```
#46cc50 rgb(70,204,80)
```
#5ad263
```
#5ad263 rgb(90,210,99)
```

Monochromatic Color

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

#46af30
```
#46af30 rgb(70,175,48)
```
#3baf30
```
#3baf30 rgb(59,175,48)
```
#31af30
```
#31af30 rgb(49,175,48)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#30af45
```
#30af45 rgb(48,175,69)
```
#30af4f
```
#30af4f rgb(48,175,79)
```
#30af5a
```
#30af5a rgb(48,175,90)
```

Similar Colors

Text with hexadecimal color #30af3a

This text has a font color of #30af3a.

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

#30af3a background color

This paragraph has a background color of #30af3a.

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

#30af3a border color

This element has a border color of #30af3a.

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

CSS codes

.text {color:#30af3a;}

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

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

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 #f5fcf6 is the lightest one.

#020602
```
#020602 rgb(2,6,2)
```
#061507
```
#061507 rgb(6,21,7)
```
#0a240c
```
#0a240c rgb(10,36,12)
```
#0e3411
```
#0e3411 rgb(14,52,17)
```
#124316
```
#124316 rgb(18,67,22)
```
#17531b
```
#17531b rgb(23,83,27)
```
#1b6220
```
#1b6220 rgb(27,98,32)
```
#1f7126
```
#1f7126 rgb(31,113,38)
```
#23812b
```
#23812b rgb(35,129,43)
```
#289030
```
#289030 rgb(40,144,48)
```
#2ca035
```
#2ca035 rgb(44,160,53)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#34be3f
```
#34be3f rgb(52,190,63)
```

Shade Color Variation

#3dca48
```
#3dca48 rgb(61,202,72)
```
#4cce56
```
#4cce56 rgb(76,206,86)
```
#5bd265
```
#5bd265 rgb(91,210,101)
```
#6bd673
```
#6bd673 rgb(107,214,115)
```
#7adb82
```
#7adb82 rgb(122,219,130)
```
#8adf90
```
#8adf90 rgb(138,223,144)
```
#99e39f
```
#99e39f rgb(153,227,159)
```
#a8e7ad
```
#a8e7ad rgb(168,231,173)
```
#b8ebbc
```
#b8ebbc rgb(184,235,188)
```
#c7f0ca
```
#c7f0ca rgb(199,240,202)
```
#d6f4d9
```
#d6f4d9 rgb(214,244,217)
```
#e6f8e7
```
#e6f8e7 rgb(230,248,231)
```
#f5fcf6
```
#f5fcf6 rgb(245,252,246)
```

Tint Color Variation

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

#6c736d
```
#6c736d rgb(108,115,109)
```
#637c65
```
#637c65 rgb(99,124,101)
```
#5b845e
```
#5b845e rgb(91,132,94)
```
#528d57
```
#528d57 rgb(82,141,87)
```
#4a9550
```
#4a9550 rgb(74,149,80)
```
#419e48
```
#419e48 rgb(65,158,72)
```
#39a641
```
#39a641 rgb(57,166,65)
```
#30af3a
```
#30af3a rgb(48,175,58)
```
#27b833
```
#27b833 rgb(39,184,51)
```
#1fc02c
```
#1fc02c rgb(31,192,44)
```
#16c924
```
#16c924 rgb(22,201,36)
```
#0ed11d
```
#0ed11d rgb(14,209,29)
```
#05da16
```
#05da16 rgb(5,218,22)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6d866f Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9e3e Protanopia 1% of men
#c09650 Deuteranopia 1% of men
#61a8b4 Tritanopia 0.001% of the population

Trichromacy

#81a43c Protanomaly 1% of men, 0.01% of women
#8c9f48 Deuteranomaly 6% of men, 0.4% of women
#4faa87 Tritanomaly 0.01% of the population

#30af3a hex color

#30af3a Color Information

#30af3a Color Conversion

Color Schemes with #30af3a

Alternatives to #30af3a

#30af3a Preview

Shades and Tints of #30af3a

Tones of #30af3a

Color Blindness Simulator