#3af116 hex color

In a RGB color space, hex #3af116 is composed of 22.7% red, 94.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 90.9% yellow and 5.5% black. It has a hue angle of 110.1 degrees, a saturation of 88.7% and a lightness of 51.6%. #3af116 color hex could be obtained by blending #74ff2c with #00e300. Closest websafe color is: #33ff00.

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

● #3af116 color description : Vivid lime green.

The hexadecimal color #3af116 has RGB values of R:58, G:241, B:22 and CMYK values of C:0.76, M:0, Y:0.91, K:0.05. Its decimal value is 3862806.

Hex triplet	3af116	`#3af116`
RGB Decimal	58, 241, 22	`rgb(58,241,22)`
RGB Percent	22.7, 94.5, 8.6	`rgb(22.7%,94.5%,8.6%)`
CMYK	76, 0, 91, 5
HSL	110.1°, 88.7, 51.6	`hsl(110.1,88.7%,51.6%)`
HSV (or HSB)	110.1°, 90.9, 94.5
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.895, -77.947, 78.166
XYZ	33.343, 63.865, 11.329
xyY	0.307, 0.588, 63.865
CIE-LCH	83.895, 110.389, 134.92
CIE-LUV	83.895, -73.899, 100.625
Hunter-Lab	79.915, -65.376, 47.536
Binary	00111010, 11110001, 00010110

#3af116
```
#3af116 rgb(58,241,22)
```
#cd16f1
```
#cd16f1 rgb(205,22,241)
```

Complementary Color

#a8f116
```
#a8f116 rgb(168,241,22)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#16f15f
```
#16f15f rgb(22,241,95)
```

Analogous Color

#f116a8
```
#f116a8 rgb(241,22,168)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#5f16f1
```
#5f16f1 rgb(95,22,241)
```

Split Complementary Color

#f1163a
```
#f1163a rgb(241,22,58)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#163af1
```
#163af1 rgb(22,58,241)
```

Triadic Color

#f1cd16
```
#f1cd16 rgb(241,205,22)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#163af1
```
#163af1 rgb(22,58,241)
```
#cd16f1
```
#cd16f1 rgb(205,22,241)
```

Tetradic Color

#26b00b
```
#26b00b rgb(38,176,11)
```
#2bc80c
```
#2bc80c rgb(43,200,12)
```
#30e00d
```
#30e00d rgb(48,224,13)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#4ef22e
```
#4ef22e rgb(78,242,46)
```
#63f446
```
#63f446 rgb(99,244,70)
```
#77f55e
```
#77f55e rgb(119,245,94)
```

Monochromatic Color

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

#71f116
```
#71f116 rgb(113,241,22)
```
#5ff116
```
#5ff116 rgb(95,241,22)
```
#4cf116
```
#4cf116 rgb(76,241,22)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#28f116
```
#28f116 rgb(40,241,22)
```
#16f116
```
#16f116 rgb(22,241,22)
```
#16f129
```
#16f129 rgb(22,241,41)
```

Similar Colors

Text with hexadecimal color #3af116

This text has a font color of #3af116.

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

#3af116 background color

This paragraph has a background color of #3af116.

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

#3af116 border color

This element has a border color of #3af116.

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

CSS codes

.text {color:#3af116;}

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

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

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

#020800
```
#020800 rgb(2,8,0)
```
#061a02
```
#061a02 rgb(6,26,2)
```
#0a2d03
```
#0a2d03 rgb(10,45,3)
```
#0e3f04
```
#0e3f04 rgb(14,63,4)
```
#125205
```
#125205 rgb(18,82,5)
```
#156406
```
#156406 rgb(21,100,6)
```
#197707
```
#197707 rgb(25,119,7)
```
#1d8908
```
#1d8908 rgb(29,137,8)
```
#219c09
```
#219c09 rgb(33,156,9)
```
#25ae0a
```
#25ae0a rgb(37,174,10)
```
#29c10c
```
#29c10c rgb(41,193,12)
```
#2dd30d
```
#2dd30d rgb(45,211,13)
```
#31e60e
```
#31e60e rgb(49,230,14)
```

Shade Color Variation

#3af116
```
#3af116 rgb(58,241,22)
```
#4af229
```
#4af229 rgb(74,242,41)
```
#59f33b
```
#59f33b rgb(89,243,59)
```
#69f44e
```
#69f44e rgb(105,244,78)
```
#79f560
```
#79f560 rgb(121,245,96)
```
#88f773
```
#88f773 rgb(136,247,115)
```
#98f885
```
#98f885 rgb(152,248,133)
```
#a8f998
```
#a8f998 rgb(168,249,152)
```
#b7faaa
```
#b7faaa rgb(183,250,170)
```
#c7fbbd
```
#c7fbbd rgb(199,251,189)
```
#d6fccf
```
#d6fccf rgb(214,252,207)
```
#e6fde2
```
#e6fde2 rgb(230,253,226)
```
#f6fef4
```
#f6fef4 rgb(246,254,244)
```

Tint Color Variation

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

#80897f
```
#80897f rgb(128,137,127)
```
#7a9275
```
#7a9275 rgb(122,146,117)
```
#739c6c
```
#739c6c rgb(115,156,108)
```
#6da562
```
#6da562 rgb(109,165,98)
```
#67af59
```
#67af59 rgb(103,175,89)
```
#60b84f
```
#60b84f rgb(96,184,79)
```
#5ac246
```
#5ac246 rgb(90,194,70)
```
#54cb3c
```
#54cb3c rgb(84,203,60)
```
#4dd533
```
#4dd533 rgb(77,213,51)
```
#47de29
```
#47de29 rgb(71,222,41)
```
#40e820
```
#40e820 rgb(64,232,32)
```
#3af116
```
#3af116 rgb(58,241,22)
```
#34fb0d
```
#34fb0d rgb(52,251,13)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8cb185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd415 Protanopia 1% of men
#ffcb71 Deuteranopia 1% of men
#81e1f2 Tritanopia 0.001% of the population

Trichromacy

#acde15 Protanomaly 1% of men, 0.01% of women
#b7d950 Deuteranomaly 6% of men, 0.4% of women
#67e7a2 Tritanomaly 0.01% of the population

#3af116 hex color

#3af116 Color Information

#3af116 Color Conversion

Color Schemes with #3af116

Alternatives to #3af116

#3af116 Preview

Shades and Tints of #3af116

Tones of #3af116

Color Blindness Simulator