#3afc02 hex color

In a RGB color space, hex #3afc02 is composed of 22.7% red, 98.8% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 99.2% yellow and 1.2% black. It has a hue angle of 106.6 degrees, a saturation of 98.4% and a lightness of 49.8%. #3afc02 color hex could be obtained by blending #74ff04 with #00f900. Closest websafe color is: #33ff00.

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

● #3afc02 color description : Vivid lime green.

The hexadecimal color #3afc02 has RGB values of R:58, G:252, B:2 and CMYK values of C:0.77, M:0, Y:0.99, K:0.01. Its decimal value is 3865602.

Hex triplet	3afc02	`#3afc02`
RGB Decimal	58, 252, 2	`rgb(58,252,2)`
RGB Percent	22.7, 98.8, 0.8	`rgb(22.7%,98.8%,0.8%)`
CMYK	77, 0, 99, 1
HSL	106.6°, 98.4, 49.8	`hsl(106.6,98.4%,49.8%)`
HSV (or HSB)	106.6°, 99.2, 98.8
Web Safe	33ff00	`#33ff00`

CIE-LAB	87.252, -81.406, 82.822
XYZ	36.564, 70.521, 11.742
xyY	0.308, 0.593, 70.521
CIE-LCH	87.252, 116.132, 134.506
CIE-LUV	87.252, -77.542, 106.09
Hunter-Lab	83.977, -69.238, 50.493
Binary	00111010, 11111100, 00000010

#3afc02
```
#3afc02 rgb(58,252,2)
```
#c402fc
```
#c402fc rgb(196,2,252)
```

Complementary Color

#b7fc02
```
#b7fc02 rgb(183,252,2)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#02fc47
```
#02fc47 rgb(2,252,71)
```

Analogous Color

#fc02b7
```
#fc02b7 rgb(252,2,183)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#4702fc
```
#4702fc rgb(71,2,252)
```

Split Complementary Color

#fc023a
```
#fc023a rgb(252,2,58)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#023afc
```
#023afc rgb(2,58,252)
```

Triadic Color

#fcc402
```
#fcc402 rgb(252,196,2)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#023afc
```
#023afc rgb(2,58,252)
```
#c402fc
```
#c402fc rgb(196,2,252)
```

Tetradic Color

#29b001
```
#29b001 rgb(41,176,1)
```
#2ec902
```
#2ec902 rgb(46,201,2)
```
#34e302
```
#34e302 rgb(52,227,2)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#4dfd1a
```
#4dfd1a rgb(77,253,26)
```
#61fd34
```
#61fd34 rgb(97,253,52)
```
#74fe4d
```
#74fe4d rgb(116,254,77)
```

Monochromatic Color

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

#79fc02
```
#79fc02 rgb(121,252,2)
```
#64fc02
```
#64fc02 rgb(100,252,2)
```
#4ffc02
```
#4ffc02 rgb(79,252,2)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```
#25fc02
```
#25fc02 rgb(37,252,2)
```
#10fc02
```
#10fc02 rgb(16,252,2)
```
#02fc08
```
#02fc08 rgb(2,252,8)
```

Similar Colors

Text with hexadecimal color #3afc02

This text has a font color of #3afc02.

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

#3afc02 background color

This paragraph has a background color of #3afc02.

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

#3afc02 border color

This element has a border color of #3afc02.

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

CSS codes

.text {color:#3afc02;}

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

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

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

#041200
```
#041200 rgb(4,18,0)
```
#092600
```
#092600 rgb(9,38,0)
```
#0d3900
```
#0d3900 rgb(13,57,0)
```
#124d01
```
#124d01 rgb(18,77,1)
```
#166001
```
#166001 rgb(22,96,1)
```
#1b7401
```
#1b7401 rgb(27,116,1)
```
#1f8701
```
#1f8701 rgb(31,135,1)
```
#249b01
```
#249b01 rgb(36,155,1)
```
#28ae01
```
#28ae01 rgb(40,174,1)
```
#2dc202
```
#2dc202 rgb(45,194,2)
```
#31d502
```
#31d502 rgb(49,213,2)
```
#36e902
```
#36e902 rgb(54,233,2)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```

Shade Color Variation

#49fd14
```
#49fd14 rgb(73,253,20)
```
#58fd28
```
#58fd28 rgb(88,253,40)
```
#67fd3b
```
#67fd3b rgb(103,253,59)
```
#76fe4f
```
#76fe4f rgb(118,254,79)
```
#85fe62
```
#85fe62 rgb(133,254,98)
```
#94fe76
```
#94fe76 rgb(148,254,118)
```
#a3fe89
```
#a3fe89 rgb(163,254,137)
```
#b3fe9d
```
#b3fe9d rgb(179,254,157)
```
#c2feb0
```
#c2feb0 rgb(194,254,176)
```
#d1ffc4
```
#d1ffc4 rgb(209,255,196)
```
#e0ffd7
```
#e0ffd7 rgb(224,255,215)
```
#efffeb
```
#efffeb rgb(239,255,235)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#7b8777
```
#7b8777 rgb(123,135,119)
```
#75916d
```
#75916d rgb(117,145,109)
```
#709a64
```
#709a64 rgb(112,154,100)
```
#6ba45a
```
#6ba45a rgb(107,164,90)
```
#65ae50
```
#65ae50 rgb(101,174,80)
```
#60b846
```
#60b846 rgb(96,184,70)
```
#5ac13d
```
#5ac13d rgb(90,193,61)
```
#55cb33
```
#55cb33 rgb(85,203,51)
```
#50d529
```
#50d529 rgb(80,213,41)
```
#4adf1f
```
#4adf1f rgb(74,223,31)
```
#45e816
```
#45e816 rgb(69,232,22)
```
#3ff20c
```
#3ff20c rgb(63,242,12)
```
#3afc02
```
#3afc02 rgb(58,252,2)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#90b684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dc00 Protanopia 1% of men
#ffd69a Deuteranopia 1% of men
#86ebfc Tritanopia 0.001% of the population

Trichromacy

#b2e800 Protanomaly 1% of men, 0.01% of women
#b7e363 Deuteranomaly 6% of men, 0.4% of women
#6af1a1 Tritanomaly 0.01% of the population

#3afc02 hex color

#3afc02 Color Information

#3afc02 Color Conversion

Color Schemes with #3afc02

Alternatives to #3afc02

#3afc02 Preview

Shades and Tints of #3afc02

Tones of #3afc02

Color Blindness Simulator