#3af00f hex color

In a RGB color space, hex #3af00f is composed of 22.7% red, 94.1% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 93.8% yellow and 5.9% black. It has a hue angle of 108.5 degrees, a saturation of 88.2% and a lightness of 50%. #3af00f color hex could be obtained by blending #74ff1e with #00e100. Closest websafe color is: #33ff00.

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

● #3af00f color description : Vivid lime green.

The hexadecimal color #3af00f has RGB values of R:58, G:240, B:15 and CMYK values of C:0.76, M:0, Y:0.94, K:0.06. Its decimal value is 3862543.

Hex triplet	3af00f	`#3af00f`
RGB Decimal	58, 240, 15	`rgb(58,240,15)`
RGB Percent	22.7, 94.1, 5.9	`rgb(22.7%,94.1%,5.9%)`
CMYK	76, 0, 94, 6
HSL	108.5°, 88.2, 50	`hsl(108.5,88.2%,50%)`
HSV (or HSB)	108.5°, 93.8, 94.1
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.574, -77.815, 78.752
XYZ	32.989, 63.251, 10.922
xyY	0.308, 0.59, 63.251
CIE-LCH	83.574, 110.712, 134.657
CIE-LUV	83.574, -73.63, 100.797
Hunter-Lab	79.53, -65.136, 47.529
Binary	00111010, 11110000, 00001111

#3af00f
```
#3af00f rgb(58,240,15)
```
#c50ff0
```
#c50ff0 rgb(197,15,240)
```

Complementary Color

#abf00f
```
#abf00f rgb(171,240,15)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#0ff055
```
#0ff055 rgb(15,240,85)
```

Analogous Color

#f00fab
```
#f00fab rgb(240,15,171)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#540ff0
```
#540ff0 rgb(84,15,240)
```

Split Complementary Color

#f00f3a
```
#f00f3a rgb(240,15,58)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#0f3af0
```
#0f3af0 rgb(15,58,240)
```

Triadic Color

#f0c50f
```
#f0c50f rgb(240,197,15)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#0f3af0
```
#0f3af0 rgb(15,58,240)
```
#c50ff0
```
#c50ff0 rgb(197,15,240)
```

Tetradic Color

#29a80b
```
#29a80b rgb(41,168,11)
```
#2ec00c
```
#2ec00c rgb(46,192,12)
```
#34d80e
```
#34d80e rgb(52,216,14)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#4ef227
```
#4ef227 rgb(78,242,39)
```
#61f33f
```
#61f33f rgb(97,243,63)
```
#75f557
```
#75f557 rgb(117,245,87)
```

Monochromatic Color

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

#72f00f
```
#72f00f rgb(114,240,15)
```
#60f00f
```
#60f00f rgb(96,240,15)
```
#4df00f
```
#4df00f rgb(77,240,15)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#27f00f
```
#27f00f rgb(39,240,15)
```
#15f00f
```
#15f00f rgb(21,240,15)
```
#0ff01c
```
#0ff01c rgb(15,240,28)
```

Similar Colors

Text with hexadecimal color #3af00f

This text has a font color of #3af00f.

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

#3af00f background color

This paragraph has a background color of #3af00f.

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

#3af00f border color

This element has a border color of #3af00f.

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

CSS codes

.text {color:#3af00f;}

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

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

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

#041201
```
#041201 rgb(4,18,1)
```
#092502
```
#092502 rgb(9,37,2)
```
#0d3703
```
#0d3703 rgb(13,55,3)
```
#124a05
```
#124a05 rgb(18,74,5)
```
#165c06
```
#165c06 rgb(22,92,6)
```
#1b6f07
```
#1b6f07 rgb(27,111,7)
```
#1f8108
```
#1f8108 rgb(31,129,8)
```
#249409
```
#249409 rgb(36,148,9)
```
#28a60a
```
#28a60a rgb(40,166,10)
```
#2db90c
```
#2db90c rgb(45,185,12)
```
#31cb0d
```
#31cb0d rgb(49,203,13)
```
#36de0e
```
#36de0e rgb(54,222,14)
```
#3af00f
```
#3af00f rgb(58,240,15)
```

Shade Color Variation

#49f121
```
#49f121 rgb(73,241,33)
```
#58f234
```
#58f234 rgb(88,242,52)
```
#67f346
```
#67f346 rgb(103,243,70)
```
#77f559
```
#77f559 rgb(119,245,89)
```
#86f66b
```
#86f66b rgb(134,246,107)
```
#95f77e
```
#95f77e rgb(149,247,126)
```
#a4f890
```
#a4f890 rgb(164,248,144)
```
#b3f9a3
```
#b3f9a3 rgb(179,249,163)
```
#c2fab5
```
#c2fab5 rgb(194,250,181)
```
#d2fcc8
```
#d2fcc8 rgb(210,252,200)
```
#e1fdda
```
#e1fdda rgb(225,253,218)
```
#f0feed
```
#f0feed rgb(240,254,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d847b
```
#7d847b rgb(125,132,123)
```
#778e71
```
#778e71 rgb(119,142,113)
```
#719867
```
#719867 rgb(113,152,103)
```
#6aa25d
```
#6aa25d rgb(106,162,93)
```
#64ab54
```
#64ab54 rgb(100,171,84)
```
#5eb54a
```
#5eb54a rgb(94,181,74)
```
#58bf40
```
#58bf40 rgb(88,191,64)
```
#52c936
```
#52c936 rgb(82,201,54)
```
#4cd32c
```
#4cd32c rgb(76,211,44)
```
#46dc23
```
#46dc23 rgb(70,220,35)
```
#40e619
```
#40e619 rgb(64,230,25)
```
#3af00f
```
#3af00f rgb(58,240,15)
```
#34fa05
```
#34fa05 rgb(52,250,5)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8cb083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd302 Protanopia 1% of men
#ffca6c Deuteranopia 1% of men
#81e0f1 Tritanopia 0.001% of the population

Trichromacy

#abdd06 Protanomaly 1% of men, 0.01% of women
#b7d84a Deuteranomaly 6% of men, 0.4% of women
#67e69e Tritanomaly 0.01% of the population

#3af00f hex color

#3af00f Color Information

#3af00f Color Conversion

Color Schemes with #3af00f

Alternatives to #3af00f

#3af00f Preview

Shades and Tints of #3af00f

Tones of #3af00f

Color Blindness Simulator