#3af015 hex color

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

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

● #3af015 color description : Vivid lime green.

The hexadecimal color #3af015 has RGB values of R:58, G:240, B:21 and CMYK values of C:0.76, M:0, Y:0.91, K:0.06. Its decimal value is 3862549.

Hex triplet	3af015	`#3af015`
RGB Decimal	58, 240, 21	`rgb(58,240,21)`
RGB Percent	22.7, 94.1, 8.2	`rgb(22.7%,94.1%,8.2%)`
CMYK	76, 0, 91, 6
HSL	109.9°, 88, 51.2	`hsl(109.9,88%,51.2%)`
HSV (or HSB)	109.9°, 91.3, 94.1
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.584, -77.685, 78.042
XYZ	33.039, 63.27, 11.181
xyY	0.307, 0.589, 63.27
CIE-LCH	83.584, 110.116, 134.868
CIE-LUV	83.584, -73.584, 100.326
Hunter-Lab	79.543, -65.059, 47.346
Binary	00111010, 11110000, 00010101

#3af015
```
#3af015 rgb(58,240,21)
```
#cb15f0
```
#cb15f0 rgb(203,21,240)
```

Complementary Color

#a8f015
```
#a8f015 rgb(168,240,21)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#15f05d
```
#15f05d rgb(21,240,93)
```

Analogous Color

#f015a8
```
#f015a8 rgb(240,21,168)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#5d15f0
```
#5d15f0 rgb(93,21,240)
```

Split Complementary Color

#f0153a
```
#f0153a rgb(240,21,58)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#153af0
```
#153af0 rgb(21,58,240)
```

Triadic Color

#f0cb15
```
#f0cb15 rgb(240,203,21)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#153af0
```
#153af0 rgb(21,58,240)
```
#cb15f0
```
#cb15f0 rgb(203,21,240)
```

Tetradic Color

#27ad0b
```
#27ad0b rgb(39,173,11)
```
#2cc50d
```
#2cc50d rgb(44,197,13)
```
#31dd0e
```
#31dd0e rgb(49,221,14)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#4ef22d
```
#4ef22d rgb(78,242,45)
```
#62f345
```
#62f345 rgb(98,243,69)
```
#77f55d
```
#77f55d rgb(119,245,93)
```

Monochromatic Color

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

#71f015
```
#71f015 rgb(113,240,21)
```
#5ff015
```
#5ff015 rgb(95,240,21)
```
#4cf015
```
#4cf015 rgb(76,240,21)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#28f015
```
#28f015 rgb(40,240,21)
```
#16f015
```
#16f015 rgb(22,240,21)
```
#15f027
```
#15f027 rgb(21,240,39)
```

Similar Colors

Text with hexadecimal color #3af015

This text has a font color of #3af015.

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

#3af015 background color

This paragraph has a background color of #3af015.

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

#3af015 border color

This element has a border color of #3af015.

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

CSS codes

.text {color:#3af015;}

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

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

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

#010600
```
#010600 rgb(1,6,0)
```
#051802
```
#051802 rgb(5,24,2)
```
#092b03
```
#092b03 rgb(9,43,3)
```
#0e3d04
```
#0e3d04 rgb(14,61,4)
```
#124f05
```
#124f05 rgb(18,79,5)
```
#166206
```
#166206 rgb(22,98,6)
```
#1a7407
```
#1a7407 rgb(26,116,7)
```
#1e8709
```
#1e8709 rgb(30,135,9)
```
#22990a
```
#22990a rgb(34,153,10)
```
#26ac0b
```
#26ac0b rgb(38,172,11)
```
#2abe0c
```
#2abe0c rgb(42,190,12)
```
#2ed00d
```
#2ed00d rgb(46,208,13)
```
#32e30f
```
#32e30f rgb(50,227,15)
```

Shade Color Variation

#3af015
```
#3af015 rgb(58,240,21)
```
#4af127
```
#4af127 rgb(74,241,39)
```
#59f23a
```
#59f23a rgb(89,242,58)
```
#69f44c
```
#69f44c rgb(105,244,76)
```
#78f55f
```
#78f55f rgb(120,245,95)
```
#88f671
```
#88f671 rgb(136,246,113)
```
#97f784
```
#97f784 rgb(151,247,132)
```
#a7f896
```
#a7f896 rgb(167,248,150)
```
#b6f9a8
```
#b6f9a8 rgb(182,249,168)
```
#c6fbbb
```
#c6fbbb rgb(198,251,187)
```
#d5fccd
```
#d5fccd rgb(213,252,205)
```
#e5fde0
```
#e5fde0 rgb(229,253,224)
```
#f4fef2
```
#f4fef2 rgb(244,254,242)
```

Tint Color Variation

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

#80877e
```
#80877e rgb(128,135,126)
```
#799075
```
#799075 rgb(121,144,117)
```
#739a6b
```
#739a6b rgb(115,154,107)
```
#6da362
```
#6da362 rgb(109,163,98)
```
#66ad58
```
#66ad58 rgb(102,173,88)
```
#60b74e
```
#60b74e rgb(96,183,78)
```
#5ac045
```
#5ac045 rgb(90,192,69)
```
#53ca3b
```
#53ca3b rgb(83,202,59)
```
#4dd332
```
#4dd332 rgb(77,211,50)
```
#47dd28
```
#47dd28 rgb(71,221,40)
```
#40e61f
```
#40e61f rgb(64,230,31)
```
#3af015
```
#3af015 rgb(58,240,21)
```
#34fa0b
```
#34fa0b rgb(52,250,11)
```

Tone Color Variation

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

#ecd314 Protanopia 1% of men
#ffca6d Deuteranopia 1% of men
#80e0f1 Tritanopia 0.001% of the population

Trichromacy

#abdd14 Protanomaly 1% of men, 0.01% of women
#b7d84d Deuteranomaly 6% of men, 0.4% of women
#67e6a1 Tritanomaly 0.01% of the population

#3af015 hex color

#3af015 Color Information

#3af015 Color Conversion

Color Schemes with #3af015

Alternatives to #3af015

#3af015 Preview

Shades and Tints of #3af015

Tones of #3af015

Color Blindness Simulator