#3af12f hex color

In a RGB color space, hex #3af12f is composed of 22.7% red, 94.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 80.5% yellow and 5.5% black. It has a hue angle of 116.6 degrees, a saturation of 87.4% and a lightness of 56.5%. #3af12f color hex could be obtained by blending #74ff5e with #00e300. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 95
- B 18
RGB color chart
- C 76
- M 0
- Y 80
- K 5
CMYK color chart

● #3af12f color description : Bright lime green.

The hexadecimal color #3af12f has RGB values of R:58, G:241, B:47 and CMYK values of C:0.76, M:0, Y:0.8, K:0.05. Its decimal value is 3862831.

Hex triplet	3af12f	`#3af12f`
RGB Decimal	58, 241, 47	`rgb(58,241,47)`
RGB Percent	22.7, 94.5, 18.4	`rgb(22.7%,94.5%,18.4%)`
CMYK	76, 0, 80, 5
HSL	116.6°, 87.4, 56.5	`hsl(116.6,87.4%,56.5%)`
HSV (or HSB)	116.6°, 80.5, 94.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	83.972, -76.984, 73.211
XYZ	33.711, 64.012, 13.268
xyY	0.304, 0.577, 64.012
CIE-LCH	83.972, 106.238, 136.439
CIE-LUV	83.972, -73.565, 97.147
Hunter-Lab	80.007, -64.801, 46.173
Binary	00111010, 11110001, 00101111

#3af12f
```
#3af12f rgb(58,241,47)
```
#e62ff1
```
#e62ff1 rgb(230,47,241)
```

Complementary Color

#9bf12f
```
#9bf12f rgb(155,241,47)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#2ff185
```
#2ff185 rgb(47,241,133)
```

Analogous Color

#f12f9b
```
#f12f9b rgb(241,47,155)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#852ff1
```
#852ff1 rgb(133,47,241)
```

Split Complementary Color

#f12f3a
```
#f12f3a rgb(241,47,58)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#2f3af1
```
#2f3af1 rgb(47,58,241)
```

Triadic Color

#f1e62f
```
#f1e62f rgb(241,230,47)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#2f3af1
```
#2f3af1 rgb(47,58,241)
```
#e62ff1
```
#e62ff1 rgb(230,47,241)
```

Tetradic Color

#18c60d
```
#18c60d rgb(24,198,13)
```
#1bde0f
```
#1bde0f rgb(27,222,15)
```
#23ef17
```
#23ef17 rgb(35,239,23)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#51f347
```
#51f347 rgb(81,243,71)
```
#67f45f
```
#67f45f rgb(103,244,95)
```
#7ef677
```
#7ef677 rgb(126,246,119)
```

Monochromatic Color

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

#6bf12f
```
#6bf12f rgb(107,241,47)
```
#5af12f
```
#5af12f rgb(90,241,47)
```
#4af12f
```
#4af12f rgb(74,241,47)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#2ff134
```
#2ff134 rgb(47,241,52)
```
#2ff144
```
#2ff144 rgb(47,241,68)
```
#2ff155
```
#2ff155 rgb(47,241,85)
```

Similar Colors

Text with hexadecimal color #3af12f

This text has a font color of #3af12f.

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

#3af12f background color

This paragraph has a background color of #3af12f.

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

#3af12f border color

This element has a border color of #3af12f.

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

CSS codes

.text {color:#3af12f;}

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

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

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, #020d01 is the darkest color, while #f9fff9 is the lightest one.

#020d01
```
#020d01 rgb(2,13,1)
```
#041f02
```
#041f02 rgb(4,31,2)
```
#063103
```
#063103 rgb(6,49,3)
```
#084405
```
#084405 rgb(8,68,5)
```
#0a5606
```
#0a5606 rgb(10,86,6)
```
#0d6807
```
#0d6807 rgb(13,104,7)
```
#0f7b08
```
#0f7b08 rgb(15,123,8)
```
#118d0a
```
#118d0a rgb(17,141,10)
```
#13a00b
```
#13a00b rgb(19,160,11)
```
#15b20c
```
#15b20c rgb(21,178,12)
```
#18c40d
```
#18c40d rgb(24,196,13)
```
#1ad70e
```
#1ad70e rgb(26,215,14)
```
#1ce910
```
#1ce910 rgb(28,233,16)
```

Shade Color Variation

#29f01d
```
#29f01d rgb(41,240,29)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#4bf241
```
#4bf241 rgb(75,242,65)
```
#5df354
```
#5df354 rgb(93,243,84)
```
#6ef566
```
#6ef566 rgb(110,245,102)
```
#80f679
```
#80f679 rgb(128,246,121)
```
#91f78b
```
#91f78b rgb(145,247,139)
```
#a2f89d
```
#a2f89d rgb(162,248,157)
```
#b4fab0
```
#b4fab0 rgb(180,250,176)
```
#c5fbc2
```
#c5fbc2 rgb(197,251,194)
```
#d7fcd4
```
#d7fcd4 rgb(215,252,212)
```
#e8fde7
```
#e8fde7 rgb(232,253,231)
```
#f9fff9
```
#f9fff9 rgb(249,255,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d938d is the less saturated color, while #32fa26 is the most saturated one.

#8d938d
```
#8d938d rgb(141,147,141)
```
#869c84
```
#869c84 rgb(134,156,132)
```
#7ea47c
```
#7ea47c rgb(126,164,124)
```
#77ad73
```
#77ad73 rgb(119,173,115)
```
#6fb56b
```
#6fb56b rgb(111,181,107)
```
#67be62
```
#67be62 rgb(103,190,98)
```
#60c65a
```
#60c65a rgb(96,198,90)
```
#58cf51
```
#58cf51 rgb(88,207,81)
```
#51d749
```
#51d749 rgb(81,215,73)
```
#49e040
```
#49e040 rgb(73,224,64)
```
#42e838
```
#42e838 rgb(66,232,56)
```
#3af12f
```
#3af12f rgb(58,241,47)
```
#32fa26
```
#32fa26 rgb(50,250,38)
```

Tone Color Variation

Below, you can see how #3af12f 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
#8fb38d Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd431 Protanopia 1% of men
#ffcb75 Deuteranopia 1% of men
#80e1f2 Tritanopia 0.001% of the population

Trichromacy

#abde30 Protanomaly 1% of men, 0.01% of women
#b7d95b Deuteranomaly 6% of men, 0.4% of women
#66e7ab Tritanomaly 0.01% of the population

#3af12f hex color

#3af12f Color Information

#3af12f Color Conversion

Color Schemes with #3af12f

Alternatives to #3af12f

#3af12f Preview

Shades and Tints of #3af12f

Tones of #3af12f

Color Blindness Simulator