#30af40 hex color

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

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

● #30af40 color description : Dark lime green.

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

Hex triplet	30af40	`#30af40`
RGB Decimal	48, 175, 64	`rgb(48,175,64)`
RGB Percent	18.8, 68.6, 25.1	`rgb(18.8%,68.6%,25.1%)`
CMYK	73, 0, 63, 31
HSL	127.6°, 57, 43.7	`hsl(127.6,57%,43.7%)`
HSV (or HSB)	127.6°, 72.6, 68.6
Web Safe	339933	`#339933`

CIE-LAB	63.058, -56.465, 45.953
XYZ	17.473, 31.657, 10.04
xyY	0.295, 0.535, 31.657
CIE-LCH	63.058, 72.8, 140.86
CIE-LUV	63.058, -52.513, 63.126
Hunter-Lab	56.264, -43.028, 28.805
Binary	00110000, 10101111, 01000000

#30af40
```
#30af40 rgb(48,175,64)
```
#af309f
```
#af309f rgb(175,48,159)
```

Complementary Color

#60af30
```
#60af30 rgb(96,175,48)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#30af80
```
#30af80 rgb(48,175,128)
```

Analogous Color

#af3060
```
#af3060 rgb(175,48,96)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#8030af
```
#8030af rgb(128,48,175)
```

Split Complementary Color

#af4030
```
#af4030 rgb(175,64,48)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#4030af
```
#4030af rgb(64,48,175)
```

Triadic Color

#9faf30
```
#9faf30 rgb(159,175,48)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#4030af
```
#4030af rgb(64,48,175)
```
#af309f
```
#af309f rgb(175,48,159)
```

Tetradic Color

#20732a
```
#20732a rgb(32,115,42)
```
#258731
```
#258731 rgb(37,135,49)
```
#2b9b39
```
#2b9b39 rgb(43,155,57)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#35c347
```
#35c347 rgb(53,195,71)
```
#46cc57
```
#46cc57 rgb(70,204,87)
```
#5ad269
```
#5ad269 rgb(90,210,105)
```

Monochromatic Color

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

#40af30
```
#40af30 rgb(64,175,48)
```
#35af30
```
#35af30 rgb(53,175,48)
```
#30af35
```
#30af35 rgb(48,175,53)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#30af4b
```
#30af4b rgb(48,175,75)
```
#30af55
```
#30af55 rgb(48,175,85)
```
#30af60
```
#30af60 rgb(48,175,96)
```

Similar Colors

Text with hexadecimal color #30af40

This text has a font color of #30af40.

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

#30af40 background color

This paragraph has a background color of #30af40.

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

#30af40 border color

This element has a border color of #30af40.

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

CSS codes

.text {color:#30af40;}

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

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

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)
```
#061508
```
#061508 rgb(6,21,8)
```
#0a240d
```
#0a240d rgb(10,36,13)
```
#0e3413
```
#0e3413 rgb(14,52,19)
```
#124319
```
#124319 rgb(18,67,25)
```
#17531e
```
#17531e rgb(23,83,30)
```
#1b6224
```
#1b6224 rgb(27,98,36)
```
#1f7129
```
#1f7129 rgb(31,113,41)
```
#23812f
```
#23812f rgb(35,129,47)
```
#289035
```
#289035 rgb(40,144,53)
```
#2ca03a
```
#2ca03a rgb(44,160,58)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#34be46
```
#34be46 rgb(52,190,70)
```

Shade Color Variation

#3dca4e
```
#3dca4e rgb(61,202,78)
```
#4cce5c
```
#4cce5c rgb(76,206,92)
```
#5bd26a
```
#5bd26a rgb(91,210,106)
```
#6bd678
```
#6bd678 rgb(107,214,120)
```
#7adb86
```
#7adb86 rgb(122,219,134)
```
#8adf94
```
#8adf94 rgb(138,223,148)
```
#99e3a2
```
#99e3a2 rgb(153,227,162)
```
#a8e7b0
```
#a8e7b0 rgb(168,231,176)
```
#b8ebbe
```
#b8ebbe rgb(184,235,190)
```
#c7f0cc
```
#c7f0cc rgb(199,240,204)
```
#d6f4da
```
#d6f4da rgb(214,244,218)
```
#e6f8e8
```
#e6f8e8 rgb(230,248,232)
```
#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 #05da20 is the most saturated one.

#6c736d
```
#6c736d rgb(108,115,109)
```
#637c66
```
#637c66 rgb(99,124,102)
```
#5b8460
```
#5b8460 rgb(91,132,96)
```
#528d5a
```
#528d5a rgb(82,141,90)
```
#4a9553
```
#4a9553 rgb(74,149,83)
```
#419e4d
```
#419e4d rgb(65,158,77)
```
#39a646
```
#39a646 rgb(57,166,70)
```
#30af40
```
#30af40 rgb(48,175,64)
```
#27b83a
```
#27b83a rgb(39,184,58)
```
#1fc033
```
#1fc033 rgb(31,192,51)
```
#16c92d
```
#16c92d rgb(22,201,45)
```
#0ed126
```
#0ed126 rgb(14,209,38)
```
#05da20
```
#05da20 rgb(5,218,32)
```

Tone Color Variation

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

Dichromacy

#af9e43 Protanopia 1% of men
#c09655 Deuteranopia 1% of men
#60a8b4 Tritanopia 0.001% of the population

Trichromacy

#80a442 Protanomaly 1% of men, 0.01% of women
#8b9f4d Deuteranomaly 6% of men, 0.4% of women
#4eaa8a Tritanomaly 0.01% of the population

#30af40 hex color

#30af40 Color Information

#30af40 Color Conversion

Color Schemes with #30af40

Alternatives to #30af40

#30af40 Preview

Shades and Tints of #30af40

Tones of #30af40

Color Blindness Simulator