#3af80a hex color

In a RGB color space, hex #3af80a is composed of 22.7% red, 97.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 96% yellow and 2.7% black. It has a hue angle of 107.9 degrees, a saturation of 94.4% and a lightness of 50.6%. #3af80a color hex could be obtained by blending #74ff14 with #00f100. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 23
- G 97
- B 4
RGB color chart
- C 77
- M 0
- Y 96
- K 3
CMYK color chart

● #3af80a color description : Vivid lime green.

The hexadecimal color #3af80a has RGB values of R:58, G:248, B:10 and CMYK values of C:0.77, M:0, Y:0.96, K:0.03. Its decimal value is 3864586.

Hex triplet	3af80a	`#3af80a`
RGB Decimal	58, 248, 10	`rgb(58,248,10)`
RGB Percent	22.7, 97.3, 3.9	`rgb(22.7%,97.3%,3.9%)`
CMYK	77, 0, 96, 3
HSL	107.9°, 94.4, 50.6	`hsl(107.9,94.4%,50.6%)`
HSV (or HSB)	107.9°, 96, 97.3
Web Safe	33ff00	`#33ff00`

CIE-LAB	86.033, -80.172, 81.219
XYZ	35.365, 68.053, 11.559
xyY	0.308, 0.592, 68.053
CIE-LCH	86.033, 114.123, 134.628
CIE-LUV	86.033, -76.23, 104.168
Hunter-Lab	82.494, -67.841, 49.438
Binary	00111010, 11111000, 00001010

#3af80a
```
#3af80a rgb(58,248,10)
```
#c80af8
```
#c80af8 rgb(200,10,248)
```

Complementary Color

#b1f80a
```
#b1f80a rgb(177,248,10)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#0af851
```
#0af851 rgb(10,248,81)
```

Analogous Color

#f80ab1
```
#f80ab1 rgb(248,10,177)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#510af8
```
#510af8 rgb(81,10,248)
```

Split Complementary Color

#f80a3a
```
#f80a3a rgb(248,10,58)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#0a3af8
```
#0a3af8 rgb(10,58,248)
```

Triadic Color

#f8c80a
```
#f8c80a rgb(248,200,10)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#0a3af8
```
#0a3af8 rgb(10,58,248)
```
#c80af8
```
#c80af8 rgb(200,10,248)
```

Tetradic Color

#28b005
```
#28b005 rgb(40,176,5)
```
#2dc906
```
#2dc906 rgb(45,201,6)
```
#33e206
```
#33e206 rgb(51,226,6)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#4ef923
```
#4ef923 rgb(78,249,35)
```
#62f93c
```
#62f93c rgb(98,249,60)
```
#76fa54
```
#76fa54 rgb(118,250,84)
```

Monochromatic Color

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

#76f80a
```
#76f80a rgb(118,248,10)
```
#62f80a
```
#62f80a rgb(98,248,10)
```
#4ef80a
```
#4ef80a rgb(78,248,10)
```
#3af80a
```
#3af80a rgb(58,248,10)
```
#26f80a
```
#26f80a rgb(38,248,10)
```
#12f80a
```
#12f80a rgb(18,248,10)
```
#0af815
```
#0af815 rgb(10,248,21)
```

Similar Colors

Text with hexadecimal color #3af80a

This text has a font color of #3af80a.

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

#3af80a background color

This paragraph has a background color of #3af80a.

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

#3af80a border color

This element has a border color of #3af80a.

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

CSS codes

.text {color:#3af80a;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#051601
```
#051601 rgb(5,22,1)
```
#092901
```
#092901 rgb(9,41,1)
```
#0d3c02
```
#0d3c02 rgb(13,60,2)
```
#124f02
```
#124f02 rgb(18,79,2)
```
#166203
```
#166203 rgb(22,98,3)
```
#1a7503
```
#1a7503 rgb(26,117,3)
```
#1f8804
```
#1f8804 rgb(31,136,4)
```
#239b04
```
#239b04 rgb(35,155,4)
```
#27af05
```
#27af05 rgb(39,175,5)
```
#2bc206
```
#2bc206 rgb(43,194,6)
```
#30d506
```
#30d506 rgb(48,213,6)
```
#34e807
```
#34e807 rgb(52,232,7)
```

Shade Color Variation

#3af80a
```
#3af80a rgb(58,248,10)
```
#49f91d
```
#49f91d rgb(73,249,29)
```
#59f930
```
#59f930 rgb(89,249,48)
```
#68fa43
```
#68fa43 rgb(104,250,67)
```
#77fa56
```
#77fa56 rgb(119,250,86)
```
#87fb69
```
#87fb69 rgb(135,251,105)
```
#96fb7c
```
#96fb7c rgb(150,251,124)
```
#a5fc8f
```
#a5fc8f rgb(165,252,143)
```
#b5fca3
```
#b5fca3 rgb(181,252,163)
```
#c4fdb6
```
#c4fdb6 rgb(196,253,182)
```
#d3fdc9
```
#d3fdc9 rgb(211,253,201)
```
#e3fedc
```
#e3fedc rgb(227,254,220)
```
#f2ffef
```
#f2ffef rgb(242,255,239)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f847e is the less saturated color, while #3af80a is the most saturated one.

#7f847e
```
#7f847e rgb(127,132,126)
```
#7a8d75
```
#7a8d75 rgb(122,141,117)
```
#74976b
```
#74976b rgb(116,151,107)
```
#6ea161
```
#6ea161 rgb(110,161,97)
```
#68aa58
```
#68aa58 rgb(104,170,88)
```
#62b44e
```
#62b44e rgb(98,180,78)
```
#5dbe44
```
#5dbe44 rgb(93,190,68)
```
#57c83a
```
#57c83a rgb(87,200,58)
```
#51d131
```
#51d131 rgb(81,209,49)
```
#4bdb27
```
#4bdb27 rgb(75,219,39)
```
#46e51d
```
#46e51d rgb(70,229,29)
```
#40ee14
```
#40ee14 rgb(64,238,20)
```
#3af80a
```
#3af80a rgb(58,248,10)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8fb585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d900 Protanopia 1% of men
#ffd28d Deuteranopia 1% of men
#84e7f8 Tritanopia 0.001% of the population

Trichromacy

#b0e403 Protanomaly 1% of men, 0.01% of women
#b7e05d Deuteranomaly 6% of men, 0.4% of women
#69eda1 Tritanomaly 0.01% of the population

#3af80a hex color

#3af80a Color Information

#3af80a Color Conversion

Color Schemes with #3af80a

Alternatives to #3af80a

#3af80a Preview

Shades and Tints of #3af80a

Tones of #3af80a

Color Blindness Simulator