#3af102 hex color

In a RGB color space, hex #3af102 is composed of 22.7% red, 94.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 99.2% yellow and 5.5% black. It has a hue angle of 105.9 degrees, a saturation of 98.4% and a lightness of 47.6%. #3af102 color hex could be obtained by blending #74ff04 with #00e300. Closest websafe color is: #33ff00.

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

● #3af102 color description : Vivid lime green.

The hexadecimal color #3af102 has RGB values of R:58, G:241, B:2 and CMYK values of C:0.76, M:0, Y:0.99, K:0.05. Its decimal value is 3862786.

Hex triplet	3af102	`#3af102`
RGB Decimal	58, 241, 2	`rgb(58,241,2)`
RGB Percent	22.7, 94.5, 0.8	`rgb(22.7%,94.5%,0.8%)`
CMYK	76, 0, 99, 5
HSL	105.9°, 98.4, 47.6	`hsl(105.9,98.4%,47.6%)`
HSV (or HSB)	105.9°, 99.2, 94.5
Web Safe	33ff00	`#33ff00`

CIE-LAB	83.867, -78.299, 80.111
XYZ	33.209, 63.811, 10.624
xyY	0.309, 0.593, 63.811
CIE-LCH	83.867, 112.02, 134.345
CIE-LUV	83.867, -74.022, 101.902
Hunter-Lab	79.882, -65.585, 48.032
Binary	00111010, 11110001, 00000010

#3af102
```
#3af102 rgb(58,241,2)
```
#b902f1
```
#b902f1 rgb(185,2,241)
```

Complementary Color

#b2f102
```
#b2f102 rgb(178,241,2)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#02f141
```
#02f141 rgb(2,241,65)
```

Analogous Color

#f102b2
```
#f102b2 rgb(241,2,178)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#4102f1
```
#4102f1 rgb(65,2,241)
```

Split Complementary Color

#f1023a
```
#f1023a rgb(241,2,58)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#023af1
```
#023af1 rgb(2,58,241)
```

Triadic Color

#f1b902
```
#f1b902 rgb(241,185,2)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#023af1
```
#023af1 rgb(2,58,241)
```
#b902f1
```
#b902f1 rgb(185,2,241)
```

Tetradic Color

#28a501
```
#28a501 rgb(40,165,1)
```
#2ebe02
```
#2ebe02 rgb(46,190,2)
```
#34d802
```
#34d802 rgb(52,216,2)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#47fd0f
```
#47fd0f rgb(71,253,15)
```
#5bfd29
```
#5bfd29 rgb(91,253,41)
```
#6efd42
```
#6efd42 rgb(110,253,66)
```

Monochromatic Color

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

#76f102
```
#76f102 rgb(118,241,2)
```
#62f102
```
#62f102 rgb(98,241,2)
```
#4ef102
```
#4ef102 rgb(78,241,2)
```
#3af102
```
#3af102 rgb(58,241,2)
```
#26f102
```
#26f102 rgb(38,241,2)
```
#12f102
```
#12f102 rgb(18,241,2)
```
#02f106
```
#02f106 rgb(2,241,6)
```

Similar Colors

Text with hexadecimal color #3af102

This text has a font color of #3af102.

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

#3af102 background color

This paragraph has a background color of #3af102.

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

#3af102 border color

This element has a border color of #3af102.

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

CSS codes

.text {color:#3af102;}

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

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

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 #f6fff3 is the lightest one.

#020800
```
#020800 rgb(2,8,0)
```
#061b00
```
#061b00 rgb(6,27,0)
```
#0b2e00
```
#0b2e00 rgb(11,46,0)
```
#104201
```
#104201 rgb(16,66,1)
```
#155501
```
#155501 rgb(21,85,1)
```
#196901
```
#196901 rgb(25,105,1)
```
#1e7c01
```
#1e7c01 rgb(30,124,1)
```
#239001
```
#239001 rgb(35,144,1)
```
#27a301
```
#27a301 rgb(39,163,1)
```
#2cb702
```
#2cb702 rgb(44,183,2)
```
#31ca02
```
#31ca02 rgb(49,202,2)
```
#35de02
```
#35de02 rgb(53,222,2)
```
#3af102
```
#3af102 rgb(58,241,2)
```

Shade Color Variation

#43fd0a
```
#43fd0a rgb(67,253,10)
```
#52fd1d
```
#52fd1d rgb(82,253,29)
```
#61fd31
```
#61fd31 rgb(97,253,49)
```
#6ffd44
```
#6ffd44 rgb(111,253,68)
```
#7efe57
```
#7efe57 rgb(126,254,87)
```
#8dfe6b
```
#8dfe6b rgb(141,254,107)
```
#9cfe7e
```
#9cfe7e rgb(156,254,126)
```
#abfe92
```
#abfe92 rgb(171,254,146)
```
#bafea5
```
#bafea5 rgb(186,254,165)
```
#c9feb9
```
#c9feb9 rgb(201,254,185)
```
#d8ffcc
```
#d8ffcc rgb(216,255,204)
```
#e7ffe0
```
#e7ffe0 rgb(231,255,224)
```
#f6fff3
```
#f6fff3 rgb(246,255,243)
```

Tint Color Variation

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

#768172
```
#768172 rgb(118,129,114)
```
#718a69
```
#718a69 rgb(113,138,105)
```
#6c945f
```
#6c945f rgb(108,148,95)
```
#679d56
```
#679d56 rgb(103,157,86)
```
#62a64d
```
#62a64d rgb(98,166,77)
```
#5db043
```
#5db043 rgb(93,176,67)
```
#58b93a
```
#58b93a rgb(88,185,58)
```
#53c231
```
#53c231 rgb(83,194,49)
```
#4ecc27
```
#4ecc27 rgb(78,204,39)
```
#49d51e
```
#49d51e rgb(73,213,30)
```
#44de15
```
#44de15 rgb(68,222,21)
```
#3fe80b
```
#3fe80b rgb(63,232,11)
```
#3af102
```
#3af102 rgb(58,241,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8baf80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd300 Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#81e1f1 Tritanopia 0.001% of the population

Trichromacy

#acde00 Protanomaly 1% of men, 0.01% of women
#b7d948 Deuteranomaly 6% of men, 0.4% of women
#67e79a Tritanomaly 0.01% of the population

#3af102 hex color

#3af102 Color Information

#3af102 Color Conversion

Color Schemes with #3af102

Alternatives to #3af102

#3af102 Preview

Shades and Tints of #3af102

Tones of #3af102

Color Blindness Simulator