#3afb16 hex color

In a RGB color space, hex #3afb16 is composed of 22.7% red, 98.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 91.2% yellow and 1.6% black. It has a hue angle of 110.6 degrees, a saturation of 96.6% and a lightness of 53.5%. #3afb16 color hex could be obtained by blending #74ff2c with #00f700. Closest websafe color is: #33ff00.

♥
- f
- t
- g
- R 23
- G 98
- B 9
RGB color chart
- C 77
- M 0
- Y 91
- K 2
CMYK color chart

● #3afb16 color description : Vivid lime green.

The hexadecimal color #3afb16 has RGB values of R:58, G:251, B:22 and CMYK values of C:0.77, M:0, Y:0.91, K:0.02. Its decimal value is 3865366.

Hex triplet	3afb16	`#3afb16`
RGB Decimal	58, 251, 22	`rgb(58,251,22)`
RGB Percent	22.7, 98.4, 8.6	`rgb(22.7%,98.4%,8.6%)`
CMYK	77, 0, 91, 2
HSL	110.6°, 96.6, 53.5	`hsl(110.6,96.6%,53.5%)`
HSV (or HSB)	110.6°, 91.2, 98.4
Web Safe	33ff00	`#33ff00`

CIE-LAB	86.971, -80.794, 80.743
XYZ	36.385, 69.948, 12.343
xyY	0.307, 0.589, 69.948
CIE-LCH	86.971, 114.224, 135.018
CIE-LUV	86.971, -77.107, 104.501
Hunter-Lab	83.635, -68.706, 49.794
Binary	00111010, 11111011, 00010110

#3afb16
```
#3afb16 rgb(58,251,22)
```
#d716fb
```
#d716fb rgb(215,22,251)
```

Complementary Color

#adfb16
```
#adfb16 rgb(173,251,22)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#16fb65
```
#16fb65 rgb(22,251,101)
```

Analogous Color

#fb16ad
```
#fb16ad rgb(251,22,173)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#6516fb
```
#6516fb rgb(101,22,251)
```

Split Complementary Color

#fb163a
```
#fb163a rgb(251,22,58)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#163afb
```
#163afb rgb(22,58,251)
```

Triadic Color

#fbd716
```
#fbd716 rgb(251,215,22)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#163afb
```
#163afb rgb(22,58,251)
```
#d716fb
```
#d716fb rgb(215,22,251)
```

Tetradic Color

#21c103
```
#21c103 rgb(33,193,3)
```
#25da04
```
#25da04 rgb(37,218,4)
```
#2af304
```
#2af304 rgb(42,243,4)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#4ffb2f
```
#4ffb2f rgb(79,251,47)
```
#64fc48
```
#64fc48 rgb(100,252,72)
```
#7afc61
```
#7afc61 rgb(122,252,97)
```

Monochromatic Color

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

#73fb16
```
#73fb16 rgb(115,251,22)
```
#60fb16
```
#60fb16 rgb(96,251,22)
```
#4dfb16
```
#4dfb16 rgb(77,251,22)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```
#27fb16
```
#27fb16 rgb(39,251,22)
```
#16fb18
```
#16fb18 rgb(22,251,24)
```
#16fb2b
```
#16fb2b rgb(22,251,43)
```

Similar Colors

Text with hexadecimal color #3afb16

This text has a font color of #3afb16.

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

#3afb16 background color

This paragraph has a background color of #3afb16.

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

#3afb16 border color

This element has a border color of #3afb16.

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

CSS codes

.text {color:#3afb16;}

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

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

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

#031200
```
#031200 rgb(3,18,0)
```
#062501
```
#062501 rgb(6,37,1)
```
#0a3801
```
#0a3801 rgb(10,56,1)
```
#0d4c01
```
#0d4c01 rgb(13,76,1)
```
#105f02
```
#105f02 rgb(16,95,2)
```
#147202
```
#147202 rgb(20,114,2)
```
#178502
```
#178502 rgb(23,133,2)
```
#1a9903
```
#1a9903 rgb(26,153,3)
```
#1eac03
```
#1eac03 rgb(30,172,3)
```
#21bf03
```
#21bf03 rgb(33,191,3)
```
#24d304
```
#24d304 rgb(36,211,4)
```
#27e604
```
#27e604 rgb(39,230,4)
```
#2bf904
```
#2bf904 rgb(43,249,4)
```

Shade Color Variation

#3afb16
```
#3afb16 rgb(58,251,22)
```
#4afb29
```
#4afb29 rgb(74,251,41)
```
#5bfc3d
```
#5bfc3d rgb(91,252,61)
```
#6bfc50
```
#6bfc50 rgb(107,252,80)
```
#7bfc63
```
#7bfc63 rgb(123,252,99)
```
#8cfd76
```
#8cfd76 rgb(140,253,118)
```
#9cfd8a
```
#9cfd8a rgb(156,253,138)
```
#acfd9d
```
#acfd9d rgb(172,253,157)
```
#bcfeb0
```
#bcfeb0 rgb(188,254,176)
```
#cdfec4
```
#cdfec4 rgb(205,254,196)
```
#ddfed7
```
#ddfed7 rgb(221,254,215)
```
#edffea
```
#edffea rgb(237,255,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#858e83
```
#858e83 rgb(133,142,131)
```
#7f977a
```
#7f977a rgb(127,151,122)
```
#78a071
```
#78a071 rgb(120,160,113)
```
#72a968
```
#72a968 rgb(114,169,104)
```
#6cb25f
```
#6cb25f rgb(108,178,95)
```
#66bb56
```
#66bb56 rgb(102,187,86)
```
#5fc44d
```
#5fc44d rgb(95,196,77)
```
#59cd44
```
#59cd44 rgb(89,205,68)
```
#53d73a
```
#53d73a rgb(83,215,58)
```
#4de031
```
#4de031 rgb(77,224,49)
```
#46e928
```
#46e928 rgb(70,233,40)
```
#40f21f
```
#40f21f rgb(64,242,31)
```
#3afb16
```
#3afb16 rgb(58,251,22)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#91b88a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dc14 Protanopia 1% of men
#ffd597 Deuteranopia 1% of men
#85eafb Tritanopia 0.001% of the population

Trichromacy

#b2e714 Protanomaly 1% of men, 0.01% of women
#b7e368 Deuteranomaly 6% of men, 0.4% of women
#69f0a8 Tritanomaly 0.01% of the population

#3afb16 hex color

#3afb16 Color Information

#3afb16 Color Conversion

Color Schemes with #3afb16

Alternatives to #3afb16

#3afb16 Preview

Shades and Tints of #3afb16

Tones of #3afb16

Color Blindness Simulator