#3af61f hex color

In a RGB color space, hex #3af61f is composed of 22.7% red, 96.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 112.5 degrees, a saturation of 92.3% and a lightness of 54.3%. #3af61f color hex could be obtained by blending #74ff3e with #00ed00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 96
- B 12
RGB color chart
- C 76
- M 0
- Y 87
- K 4
CMYK color chart

● #3af61f color description : Vivid lime green.

The hexadecimal color #3af61f has RGB values of R:58, G:246, B:31 and CMYK values of C:0.76, M:0, Y:0.87, K:0.04. Its decimal value is 3864095.

Hex triplet	3af61f	`#3af61f`
RGB Decimal	58, 246, 31	`rgb(58,246,31)`
RGB Percent	22.7, 96.5, 12.2	`rgb(22.7%,96.5%,12.2%)`
CMYK	76, 0, 87, 4
HSL	112.5°, 92.3, 54.3	`hsl(112.5,92.3%,54.3%)`
HSV (or HSB)	112.5°, 87.4, 96.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.457, -79.115, 78.064
XYZ	34.946, 66.906, 12.369
xyY	0.306, 0.586, 66.906
CIE-LCH	85.457, 111.144, 135.383
CIE-LUV	85.457, -75.417, 101.62
Hunter-Lab	81.796, -66.882, 48.292
Binary	00111010, 11110110, 00011111

#3af61f
```
#3af61f rgb(58,246,31)
```
#db1ff6
```
#db1ff6 rgb(219,31,246)
```

Complementary Color

#a6f61f
```
#a6f61f rgb(166,246,31)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#1ff670
```
#1ff670 rgb(31,246,112)
```

Analogous Color

#f61fa6
```
#f61fa6 rgb(246,31,166)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#701ff6
```
#701ff6 rgb(112,31,246)
```

Split Complementary Color

#f61f3a
```
#f61f3a rgb(246,31,58)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#1f3af6
```
#1f3af6 rgb(31,58,246)
```

Triadic Color

#f6db1f
```
#f6db1f rgb(246,219,31)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#1f3af6
```
#1f3af6 rgb(31,58,246)
```
#db1ff6
```
#db1ff6 rgb(219,31,246)
```

Tetradic Color

#1fc108
```
#1fc108 rgb(31,193,8)
```
#23d909
```
#23d909 rgb(35,217,9)
```
#27f20a
```
#27f20a rgb(39,242,10)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#50f738
```
#50f738 rgb(80,247,56)
```
#65f850
```
#65f850 rgb(101,248,80)
```
#7bf969
```
#7bf969 rgb(123,249,105)
```

Monochromatic Color

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

#70f61f
```
#70f61f rgb(112,246,31)
```
#5ef61f
```
#5ef61f rgb(94,246,31)
```
#4cf61f
```
#4cf61f rgb(76,246,31)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#28f61f
```
#28f61f rgb(40,246,31)
```
#1ff628
```
#1ff628 rgb(31,246,40)
```
#1ff63a
```
#1ff63a rgb(31,246,58)
```

Similar Colors

Text with hexadecimal color #3af61f

This text has a font color of #3af61f.

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

#3af61f background color

This paragraph has a background color of #3af61f.

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

#3af61f border color

This element has a border color of #3af61f.

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

CSS codes

.text {color:#3af61f;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#031501
```
#031501 rgb(3,21,1)
```
#062802
```
#062802 rgb(6,40,2)
```
#093b02
```
#093b02 rgb(9,59,2)
```
#0c4e03
```
#0c4e03 rgb(12,78,3)
```
#106104
```
#106104 rgb(16,97,4)
```
#137305
```
#137305 rgb(19,115,5)
```
#168605
```
#168605 rgb(22,134,5)
```
#199906
```
#199906 rgb(25,153,6)
```
#1cac07
```
#1cac07 rgb(28,172,7)
```
#1fbf08
```
#1fbf08 rgb(31,191,8)
```
#22d208
```
#22d208 rgb(34,210,8)
```
#25e509
```
#25e509 rgb(37,229,9)
```

Shade Color Variation

#29f50c
```
#29f50c rgb(41,245,12)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#4bf732
```
#4bf732 rgb(75,247,50)
```
#5bf845
```
#5bf845 rgb(91,248,69)
```
#6cf858
```
#6cf858 rgb(108,248,88)
```
#7cf96a
```
#7cf96a rgb(124,249,106)
```
#8dfa7d
```
#8dfa7d rgb(141,250,125)
```
#9efb90
```
#9efb90 rgb(158,251,144)
```
#aefba3
```
#aefba3 rgb(174,251,163)
```
#bffcb6
```
#bffcb6 rgb(191,252,182)
```
#cffdc9
```
#cffdc9 rgb(207,253,201)
```
#e0fedc
```
#e0fedc rgb(224,254,220)
```
#f0feee
```
#f0feee rgb(240,254,238)
```

Tint Color Variation

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

#849382
```
#849382 rgb(132,147,130)
```
#7d9c79
```
#7d9c79 rgb(125,156,121)
```
#76a570
```
#76a570 rgb(118,165,112)
```
#70ae67
```
#70ae67 rgb(112,174,103)
```
#69b75e
```
#69b75e rgb(105,183,94)
```
#62c055
```
#62c055 rgb(98,192,85)
```
#5cc94c
```
#5cc94c rgb(92,201,76)
```
#55d243
```
#55d243 rgb(85,210,67)
```
#4edb3a
```
#4edb3a rgb(78,219,58)
```
#47e431
```
#47e431 rgb(71,228,49)
```
#41ed28
```
#41ed28 rgb(65,237,40)
```
#3af61f
```
#3af61f rgb(58,246,31)
```
#33ff16
```
#33ff16 rgb(51,255,22)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#90b58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d820 Protanopia 1% of men
#ffd087 Deuteranopia 1% of men
#83e6f6 Tritanopia 0.001% of the population

Trichromacy

#afe320 Protanomaly 1% of men, 0.01% of women
#b7de61 Deuteranomaly 6% of men, 0.4% of women
#68eba8 Tritanomaly 0.01% of the population

#3af61f hex color

#3af61f Color Information

#3af61f Color Conversion

Color Schemes with #3af61f

Alternatives to #3af61f

#3af61f Preview

Shades and Tints of #3af61f

Tones of #3af61f

Color Blindness Simulator