#3af70f hex color

In a RGB color space, hex #3af70f is composed of 22.7% red, 96.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 93.9% yellow and 3.1% black. It has a hue angle of 108.9 degrees, a saturation of 93.5% and a lightness of 51.4%. #3af70f color hex could be obtained by blending #74ff1e with #00ef00. Closest websafe color is: #33ff00.

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

● #3af70f color description : Vivid lime green.

The hexadecimal color #3af70f has RGB values of R:58, G:247, B:15 and CMYK values of C:0.77, M:0, Y:0.94, K:0.03. Its decimal value is 3864335.

Hex triplet	3af70f	`#3af70f`
RGB Decimal	58, 247, 15	`rgb(58,247,15)`
RGB Percent	22.7, 96.9, 5.9	`rgb(22.7%,96.9%,5.9%)`
CMYK	77, 0, 94, 3
HSL	108.9°, 93.5, 51.4	`hsl(108.9,93.5%,51.4%)`
HSV (or HSB)	108.9°, 93.9, 96.9
Web Safe	33ff00	`#33ff00`

CIE-LAB	85.732, -79.809, 80.527
XYZ	35.09, 67.452, 11.622
xyY	0.307, 0.591, 67.452
CIE-LCH	85.732, 113.376, 134.743
CIE-LUV	85.732, -75.882, 103.495
Hunter-Lab	82.129, -67.461, 49.1
Binary	00111010, 11110111, 00001111

#3af70f
```
#3af70f rgb(58,247,15)
```
#cc0ff7
```
#cc0ff7 rgb(204,15,247)
```

Complementary Color

#aef70f
```
#aef70f rgb(174,247,15)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#0ff758
```
#0ff758 rgb(15,247,88)
```

Analogous Color

#f70fae
```
#f70fae rgb(247,15,174)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#580ff7
```
#580ff7 rgb(88,15,247)
```

Split Complementary Color

#f70f3a
```
#f70f3a rgb(247,15,58)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#0f3af7
```
#0f3af7 rgb(15,58,247)
```

Triadic Color

#f7cc0f
```
#f7cc0f rgb(247,204,15)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#0f3af7
```
#0f3af7 rgb(15,58,247)
```
#cc0ff7
```
#cc0ff7 rgb(204,15,247)
```

Tetradic Color

#26b406
```
#26b406 rgb(38,180,6)
```
#2bcc07
```
#2bcc07 rgb(43,204,7)
```
#31e508
```
#31e508 rgb(49,229,8)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#4ef828
```
#4ef828 rgb(78,248,40)
```
#63f940
```
#63f940 rgb(99,249,64)
```
#77f959
```
#77f959 rgb(119,249,89)
```

Monochromatic Color

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

#74f70f
```
#74f70f rgb(116,247,15)
```
#61f70f
```
#61f70f rgb(97,247,15)
```
#4df70f
```
#4df70f rgb(77,247,15)
```
#3af70f
```
#3af70f rgb(58,247,15)
```
#27f70f
```
#27f70f rgb(39,247,15)
```
#13f70f
```
#13f70f rgb(19,247,15)
```
#0ff71e
```
#0ff71e rgb(15,247,30)
```

Similar Colors

Text with hexadecimal color #3af70f

This text has a font color of #3af70f.

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

#3af70f background color

This paragraph has a background color of #3af70f.

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

#3af70f border color

This element has a border color of #3af70f.

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

CSS codes

.text {color:#3af70f;}

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

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

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

#010700
```
#010700 rgb(1,7,0)
```
#051a01
```
#051a01 rgb(5,26,1)
```
#0a2d01
```
#0a2d01 rgb(10,45,1)
```
#0e4002
```
#0e4002 rgb(14,64,2)
```
#125303
```
#125303 rgb(18,83,3)
```
#166603
```
#166603 rgb(22,102,3)
```
#1a7904
```
#1a7904 rgb(26,121,4)
```
#1e8c05
```
#1e8c05 rgb(30,140,5)
```
#229f05
```
#229f05 rgb(34,159,5)
```
#26b206
```
#26b206 rgb(38,178,6)
```
#2ac507
```
#2ac507 rgb(42,197,7)
```
#2ed807
```
#2ed807 rgb(46,216,7)
```
#32eb08
```
#32eb08 rgb(50,235,8)
```

Shade Color Variation

#3af70f
```
#3af70f rgb(58,247,15)
```
#4af822
```
#4af822 rgb(74,248,34)
```
#59f835
```
#59f835 rgb(89,248,53)
```
#69f948
```
#69f948 rgb(105,249,72)
```
#78fa5b
```
#78fa5b rgb(120,250,91)
```
#88fa6e
```
#88fa6e rgb(136,250,110)
```
#97fb81
```
#97fb81 rgb(151,251,129)
```
#a7fb94
```
#a7fb94 rgb(167,251,148)
```
#b7fca7
```
#b7fca7 rgb(183,252,167)
```
#c6fdba
```
#c6fdba rgb(198,253,186)
```
#d6fdcd
```
#d6fdcd rgb(214,253,205)
```
#e5fee0
```
#e5fee0 rgb(229,254,224)
```
#f5fff3
```
#f5fff3 rgb(245,255,243)
```

Tint Color Variation

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

#828581
```
#828581 rgb(130,133,129)
```
#7c8e78
```
#7c8e78 rgb(124,142,120)
```
#76986e
```
#76986e rgb(118,152,110)
```
#70a165
```
#70a165 rgb(112,161,101)
```
#6aab5b
```
#6aab5b rgb(106,171,91)
```
#64b452
```
#64b452 rgb(100,180,82)
```
#5ebe48
```
#5ebe48 rgb(94,190,72)
```
#58c73f
```
#58c73f rgb(88,199,63)
```
#52d135
```
#52d135 rgb(82,209,53)
```
#4cda2c
```
#4cda2c rgb(76,218,44)
```
#46e422
```
#46e422 rgb(70,228,34)
```
#40ed19
```
#40ed19 rgb(64,237,25)
```
#3af70f
```
#3af70f rgb(58,247,15)
```

Tone Color Variation

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

#f2d800 Protanopia 1% of men
#ffd189 Deuteranopia 1% of men
#83e6f7 Tritanopia 0.001% of the population

Trichromacy

#afe305 Protanomaly 1% of men, 0.01% of women
#b7df5d Deuteranomaly 6% of men, 0.4% of women
#69eca3 Tritanomaly 0.01% of the population

#3af70f hex color

#3af70f Color Information

#3af70f Color Conversion

Color Schemes with #3af70f

Alternatives to #3af70f

#3af70f Preview

Shades and Tints of #3af70f

Tones of #3af70f

Color Blindness Simulator