#3af520 hex color

In a RGB color space, hex #3af520 is composed of 22.7% red, 96.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 86.9% yellow and 3.9% black. It has a hue angle of 112.7 degrees, a saturation of 91.4% and a lightness of 54.3%. #3af520 color hex could be obtained by blending #74ff40 with #00eb00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 96
- B 13
RGB color chart
- C 76
- M 0
- Y 87
- K 4
CMYK color chart

● #3af520 color description : Vivid lime green.

The hexadecimal color #3af520 has RGB values of R:58, G:245, B:32 and CMYK values of C:0.76, M:0, Y:0.87, K:0.04. Its decimal value is 3863840.

Hex triplet	3af520	`#3af520`
RGB Decimal	58, 245, 32	`rgb(58,245,32)`
RGB Percent	22.7, 96.1, 12.5	`rgb(22.7%,96.1%,12.5%)`
CMYK	76, 0, 87, 4
HSL	112.7°, 91.4, 54.3	`hsl(112.7,91.4%,54.3%)`
HSV (or HSB)	112.7°, 86.9, 96.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.152, -78.794, 77.618
XYZ	34.656, 66.305, 12.338
xyY	0.306, 0.585, 66.305
CIE-LCH	85.152, 110.603, 135.431
CIE-LUV	85.152, -75.084, 101.103
Hunter-Lab	81.428, -66.528, 48.016
Binary	00111010, 11110101, 00100000

#3af520
```
#3af520 rgb(58,245,32)
```
#db20f5
```
#db20f5 rgb(219,32,245)
```

Complementary Color

#a5f520
```
#a5f520 rgb(165,245,32)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#20f571
```
#20f571 rgb(32,245,113)
```

Analogous Color

#f520a5
```
#f520a5 rgb(245,32,165)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#7120f5
```
#7120f5 rgb(113,32,245)
```

Split Complementary Color

#f5203a
```
#f5203a rgb(245,32,58)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#203af5
```
#203af5 rgb(32,58,245)
```

Triadic Color

#f5db20
```
#f5db20 rgb(245,219,32)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#203af5
```
#203af5 rgb(32,58,245)
```
#db20f5
```
#db20f5 rgb(219,32,245)
```

Tetradic Color

#1fc009
```
#1fc009 rgb(31,192,9)
```
#23d80a
```
#23d80a rgb(35,216,10)
```
#27f10b
```
#27f10b rgb(39,241,11)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#50f638
```
#50f638 rgb(80,246,56)
```
#65f751
```
#65f751 rgb(101,247,81)
```
#7bf869
```
#7bf869 rgb(123,248,105)
```

Monochromatic Color

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

#6ff520
```
#6ff520 rgb(111,245,32)
```
#5df520
```
#5df520 rgb(93,245,32)
```
#4cf520
```
#4cf520 rgb(76,245,32)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#28f520
```
#28f520 rgb(40,245,32)
```
#20f52a
```
#20f52a rgb(32,245,42)
```
#20f53b
```
#20f53b rgb(32,245,59)
```

Similar Colors

Text with hexadecimal color #3af520

This text has a font color of #3af520.

<span style="color:#3af520;">Text here</span>

#3af520 background color

This paragraph has a background color of #3af520.

<p style="background-color:#3af520;">Content here</p>

#3af520 border color

This element has a border color of #3af520.

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

CSS codes

.text {color:#3af520;}

.background {background-color:#3af520;}

.border {border:1px solid #3af520;}

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

#000200
```
#000200 rgb(0,2,0)
```
#031501
```
#031501 rgb(3,21,1)
```
#062802
```
#062802 rgb(6,40,2)
```
#093b03
```
#093b03 rgb(9,59,3)
```
#0c4d03
```
#0c4d03 rgb(12,77,3)
```
#106004
```
#106004 rgb(16,96,4)
```
#137305
```
#137305 rgb(19,115,5)
```
#168606
```
#168606 rgb(22,134,6)
```
#199807
```
#199807 rgb(25,152,7)
```
#1cab08
```
#1cab08 rgb(28,171,8)
```
#1fbe09
```
#1fbe09 rgb(31,190,9)
```
#22d109
```
#22d109 rgb(34,209,9)
```
#25e40a
```
#25e40a rgb(37,228,10)
```

Shade Color Variation

#29f40d
```
#29f40d rgb(41,244,13)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#4bf633
```
#4bf633 rgb(75,246,51)
```
#5bf746
```
#5bf746 rgb(91,247,70)
```
#6cf858
```
#6cf858 rgb(108,248,88)
```
#7cf86b
```
#7cf86b rgb(124,248,107)
```
#8df97e
```
#8df97e rgb(141,249,126)
```
#9efa91
```
#9efa91 rgb(158,250,145)
```
#aefba3
```
#aefba3 rgb(174,251,163)
```
#bffcb6
```
#bffcb6 rgb(191,252,182)
```
#cffdc9
```
#cffdc9 rgb(207,253,201)
```
#e0fddc
```
#e0fddc rgb(224,253,220)
```
#f0feef
```
#f0feef rgb(240,254,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #859283 is the less saturated color, while #33fe17 is the most saturated one.

#859283
```
#859283 rgb(133,146,131)
```
#7e9b7a
```
#7e9b7a rgb(126,155,122)
```
#77a471
```
#77a471 rgb(119,164,113)
```
#70ad68
```
#70ad68 rgb(112,173,104)
```
#69b65f
```
#69b65f rgb(105,182,95)
```
#63bf56
```
#63bf56 rgb(99,191,86)
```
#5cc84d
```
#5cc84d rgb(92,200,77)
```
#55d144
```
#55d144 rgb(85,209,68)
```
#4eda3b
```
#4eda3b rgb(78,218,59)
```
#48e332
```
#48e332 rgb(72,227,50)
```
#41ec29
```
#41ec29 rgb(65,236,41)
```
#3af520
```
#3af520 rgb(58,245,32)
```
#33fe17
```
#33fe17 rgb(51,254,23)
```

Tone Color Variation

Below, you can see how #3af520 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

#a5a5a5 Achromatopsia 0.005% of the population
#90b58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d722 Protanopia 1% of men
#ffcf83 Deuteranopia 1% of men
#82e5f5 Tritanopia 0.001% of the population

Trichromacy

#aee221 Protanomaly 1% of men, 0.01% of women
#b7dd5f Deuteranomaly 6% of men, 0.4% of women
#68eaa8 Tritanomaly 0.01% of the population

#3af520 hex color

#3af520 Color Information

#3af520 Color Conversion

Color Schemes with #3af520

Alternatives to #3af520

#3af520 Preview

Shades and Tints of #3af520

Tones of #3af520

Color Blindness Simulator