#3af80c hex color

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

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

● #3af80c color description : Vivid lime green.

The hexadecimal color #3af80c has RGB values of R:58, G:248, B:12 and CMYK values of C:0.77, M:0, Y:0.95, K:0.03. Its decimal value is 3864588.

Hex triplet	3af80c	`#3af80c`
RGB Decimal	58, 248, 12	`rgb(58,248,12)`
RGB Percent	22.7, 97.3, 4.7	`rgb(22.7%,97.3%,4.7%)`
CMYK	77, 0, 95, 3
HSL	108.3°, 94.4, 51	`hsl(108.3,94.4%,51%)`
HSV (or HSB)	108.3°, 95.2, 97.3
Web Safe	33ff00	`#33ff00`

CIE-LAB	86.035, -80.142, 81.057
XYZ	35.377, 68.057, 11.62
xyY	0.307, 0.592, 68.057
CIE-LCH	86.035, 113.987, 134.675
CIE-LUV	86.035, -76.219, 104.062
Hunter-Lab	82.497, -67.824, 49.397
Binary	00111010, 11111000, 00001100

#3af80c
```
#3af80c rgb(58,248,12)
```
#ca0cf8
```
#ca0cf8 rgb(202,12,248)
```

Complementary Color

#b0f80c
```
#b0f80c rgb(176,248,12)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#0cf854
```
#0cf854 rgb(12,248,84)
```

Analogous Color

#f80cb0
```
#f80cb0 rgb(248,12,176)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#540cf8
```
#540cf8 rgb(84,12,248)
```

Split Complementary Color

#f80c3a
```
#f80c3a rgb(248,12,58)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#0c3af8
```
#0c3af8 rgb(12,58,248)
```

Triadic Color

#f8ca0c
```
#f8ca0c rgb(248,202,12)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#0c3af8
```
#0c3af8 rgb(12,58,248)
```
#ca0cf8
```
#ca0cf8 rgb(202,12,248)
```

Tetradic Color

#27b205
```
#27b205 rgb(39,178,5)
```
#2ccb06
```
#2ccb06 rgb(44,203,6)
```
#32e407
```
#32e407 rgb(50,228,7)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#4ef925
```
#4ef925 rgb(78,249,37)
```
#62f93e
```
#62f93e rgb(98,249,62)
```
#76fa56
```
#76fa56 rgb(118,250,86)
```

Monochromatic Color

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

#75f80c
```
#75f80c rgb(117,248,12)
```
#61f80c
```
#61f80c rgb(97,248,12)
```
#4ef80c
```
#4ef80c rgb(78,248,12)
```
#3af80c
```
#3af80c rgb(58,248,12)
```
#26f80c
```
#26f80c rgb(38,248,12)
```
#13f80c
```
#13f80c rgb(19,248,12)
```
#0cf819
```
#0cf819 rgb(12,248,25)
```

Similar Colors

Text with hexadecimal color #3af80c

This text has a font color of #3af80c.

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

#3af80c background color

This paragraph has a background color of #3af80c.

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

#3af80c border color

This element has a border color of #3af80c.

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

CSS codes

.text {color:#3af80c;}

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

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

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

#010500
```
#010500 rgb(1,5,0)
```
#051801
```
#051801 rgb(5,24,1)
```
#092b01
```
#092b01 rgb(9,43,1)
```
#0e3e02
```
#0e3e02 rgb(14,62,2)
```
#125102
```
#125102 rgb(18,81,2)
```
#166403
```
#166403 rgb(22,100,3)
```
#1a7703
```
#1a7703 rgb(26,119,3)
```
#1e8a04
```
#1e8a04 rgb(30,138,4)
```
#229d05
```
#229d05 rgb(34,157,5)
```
#26b005
```
#26b005 rgb(38,176,5)
```
#2bc406
```
#2bc406 rgb(43,196,6)
```
#2fd706
```
#2fd706 rgb(47,215,6)
```
#33ea07
```
#33ea07 rgb(51,234,7)
```

Shade Color Variation

#3af80c
```
#3af80c rgb(58,248,12)
```
#49f91f
```
#49f91f rgb(73,249,31)
```
#59f932
```
#59f932 rgb(89,249,50)
```
#68fa45
```
#68fa45 rgb(104,250,69)
```
#78fa58
```
#78fa58 rgb(120,250,88)
```
#87fb6b
```
#87fb6b rgb(135,251,107)
```
#97fb7e
```
#97fb7e rgb(151,251,126)
```
#a6fc91
```
#a6fc91 rgb(166,252,145)
```
#b6fca5
```
#b6fca5 rgb(182,252,165)
```
#c5fdb8
```
#c5fdb8 rgb(197,253,184)
```
#d5fdcb
```
#d5fdcb rgb(213,253,203)
```
#e4fede
```
#e4fede rgb(228,254,222)
```
#f3fff1
```
#f3fff1 rgb(243,255,241)
```

Tint Color Variation

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

#80857f
```
#80857f rgb(128,133,127)
```
#7b8e76
```
#7b8e76 rgb(123,142,118)
```
#75986c
```
#75986c rgb(117,152,108)
```
#6fa163
```
#6fa163 rgb(111,161,99)
```
#69ab59
```
#69ab59 rgb(105,171,89)
```
#63b54f
```
#63b54f rgb(99,181,79)
```
#5dbe46
```
#5dbe46 rgb(93,190,70)
```
#57c83c
```
#57c83c rgb(87,200,60)
```
#51d232
```
#51d232 rgb(81,210,50)
```
#4cdb29
```
#4cdb29 rgb(76,219,41)
```
#46e51f
```
#46e51f rgb(70,229,31)
```
#40ee16
```
#40ee16 rgb(64,238,22)
```
#3af80c
```
#3af80c rgb(58,248,12)
```

Tone Color Variation

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

#b0e404 Protanomaly 1% of men, 0.01% of women
#b7e05e Deuteranomaly 6% of men, 0.4% of women
#69eda2 Tritanomaly 0.01% of the population

#3af80c hex color

#3af80c Color Information

#3af80c Color Conversion

Color Schemes with #3af80c

Alternatives to #3af80c

#3af80c Preview

Shades and Tints of #3af80c

Tones of #3af80c

Color Blindness Simulator