#3af018 hex color

In a RGB color space, hex #3af018 is composed of 22.7% red, 94.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 0% magenta, 90% yellow and 5.9% black. It has a hue angle of 110.6 degrees, a saturation of 87.8% and a lightness of 51.8%. #3af018 color hex could be obtained by blending #74ff30 with #00e100. Closest websafe color is: #33ff00.

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

● #3af018 color description : Vivid lime green.

The hexadecimal color #3af018 has RGB values of R:58, G:240, B:24 and CMYK values of C:0.76, M:0, Y:0.9, K:0.06. Its decimal value is 3862552.

Hex triplet	3af018	`#3af018`
RGB Decimal	58, 240, 24	`rgb(58,240,24)`
RGB Percent	22.7, 94.1, 9.4	`rgb(22.7%,94.1%,9.4%)`
CMYK	76, 0, 90, 6
HSL	110.6°, 87.8, 51.8	`hsl(110.6,87.8%,51.8%)`
HSV (or HSB)	110.6°, 90, 94.1
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.591, -77.607, 77.621
XYZ	33.068, 63.282, 11.336
xyY	0.307, 0.588, 63.282
CIE-LCH	83.591, 109.763, 134.995
CIE-LUV	83.591, -73.557, 100.044
Hunter-Lab	79.55, -65.012, 47.236
Binary	00111010, 11110000, 00011000

#3af018
```
#3af018 rgb(58,240,24)
```
#ce18f0
```
#ce18f0 rgb(206,24,240)
```

Complementary Color

#a6f018
```
#a6f018 rgb(166,240,24)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#18f062
```
#18f062 rgb(24,240,98)
```

Analogous Color

#f018a6
```
#f018a6 rgb(240,24,166)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#6218f0
```
#6218f0 rgb(98,24,240)
```

Split Complementary Color

#f0183a
```
#f0183a rgb(240,24,58)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#183af0
```
#183af0 rgb(24,58,240)
```

Triadic Color

#f0ce18
```
#f0ce18 rgb(240,206,24)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#183af0
```
#183af0 rgb(24,58,240)
```
#ce18f0
```
#ce18f0 rgb(206,24,240)
```

Tetradic Color

#25b00b
```
#25b00b rgb(37,176,11)
```
#2ac80d
```
#2ac80d rgb(42,200,13)
```
#30e00f
```
#30e00f rgb(48,224,15)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#4ef230
```
#4ef230 rgb(78,242,48)
```
#63f348
```
#63f348 rgb(99,243,72)
```
#77f560
```
#77f560 rgb(119,245,96)
```

Monochromatic Color

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

#70f018
```
#70f018 rgb(112,240,24)
```
#5ef018
```
#5ef018 rgb(94,240,24)
```
#4cf018
```
#4cf018 rgb(76,240,24)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#28f018
```
#28f018 rgb(40,240,24)
```
#18f01a
```
#18f01a rgb(24,240,26)
```
#18f02c
```
#18f02c rgb(24,240,44)
```

Similar Colors

Text with hexadecimal color #3af018

This text has a font color of #3af018.

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

#3af018 background color

This paragraph has a background color of #3af018.

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

#3af018 border color

This element has a border color of #3af018.

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

CSS codes

.text {color:#3af018;}

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

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

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

#020801
```
#020801 rgb(2,8,1)
```
#061b02
```
#061b02 rgb(6,27,2)
```
#0a2d03
```
#0a2d03 rgb(10,45,3)
```
#0e4004
```
#0e4004 rgb(14,64,4)
```
#115205
```
#115205 rgb(17,82,5)
```
#156507
```
#156507 rgb(21,101,7)
```
#197708
```
#197708 rgb(25,119,8)
```
#1d8909
```
#1d8909 rgb(29,137,9)
```
#219c0a
```
#219c0a rgb(33,156,10)
```
#25ae0b
```
#25ae0b rgb(37,174,11)
```
#29c10d
```
#29c10d rgb(41,193,13)
```
#2dd30e
```
#2dd30e rgb(45,211,14)
```
#31e50f
```
#31e50f rgb(49,229,15)
```

Shade Color Variation

#3af018
```
#3af018 rgb(58,240,24)
```
#4af12a
```
#4af12a rgb(74,241,42)
```
#59f23d
```
#59f23d rgb(89,242,61)
```
#69f44f
```
#69f44f rgb(105,244,79)
```
#79f562
```
#79f562 rgb(121,245,98)
```
#89f674
```
#89f674 rgb(137,246,116)
```
#98f787
```
#98f787 rgb(152,247,135)
```
#a8f899
```
#a8f899 rgb(168,248,153)
```
#b8faab
```
#b8faab rgb(184,250,171)
```
#c7fbbe
```
#c7fbbe rgb(199,251,190)
```
#d7fcd0
```
#d7fcd0 rgb(215,252,208)
```
#e7fde3
```
#e7fde3 rgb(231,253,227)
```
#f6fef5
```
#f6fef5 rgb(246,254,245)
```

Tint Color Variation

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

#818880
```
#818880 rgb(129,136,128)
```
#7b9177
```
#7b9177 rgb(123,145,119)
```
#749b6d
```
#749b6d rgb(116,155,109)
```
#6ea464
```
#6ea464 rgb(110,164,100)
```
#67ae5a
```
#67ae5a rgb(103,174,90)
```
#61b751
```
#61b751 rgb(97,183,81)
```
#5ac147
```
#5ac147 rgb(90,193,71)
```
#54ca3e
```
#54ca3e rgb(84,202,62)
```
#4dd434
```
#4dd434 rgb(77,212,52)
```
#47dd2b
```
#47dd2b rgb(71,221,43)
```
#40e721
```
#40e721 rgb(64,231,33)
```
#3af018
```
#3af018 rgb(58,240,24)
```
#34f90f
```
#34f90f rgb(52,249,15)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#abdd18 Protanomaly 1% of men, 0.01% of women
#b7d84e Deuteranomaly 6% of men, 0.4% of women
#67e6a2 Tritanomaly 0.01% of the population

#3af018 hex color

#3af018 Color Information

#3af018 Color Conversion

Color Schemes with #3af018

Alternatives to #3af018

#3af018 Preview

Shades and Tints of #3af018

Tones of #3af018

Color Blindness Simulator