#3aff20 hex color

In a RGB color space, hex #3aff20 is composed of 22.7% red, 100% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 87.5% yellow and 0% black. It has a hue angle of 113 degrees, a saturation of 100% and a lightness of 56.3%. #3aff20 color hex could be obtained by blending #74ff40 with #00ff00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 100
- B 13
RGB color chart
- C 77
- M 0
- Y 87
- K 0
CMYK color chart

● #3aff20 color description : Vivid lime green.

The hexadecimal color #3aff20 has RGB values of R:58, G:255, B:32 and CMYK values of C:0.77, M:0, Y:0.87, K:0. Its decimal value is 3866400.

Hex triplet	3aff20	`#3aff20`
RGB Decimal	58, 255, 32	`rgb(58,255,32)`
RGB Percent	22.7, 100, 12.5	`rgb(22.7%,100%,12.5%)`
CMYK	77, 0, 87, 0
HSL	113°, 100, 56.3	`hsl(113,100%,56.3%)`
HSV (or HSB)	113°, 87.5, 100
Web Safe	33ff33	`#33ff33`

CIE-LAB	88.218, -81.639, 80.269
XYZ	37.764, 72.52, 13.374
xyY	0.305, 0.586, 72.52
CIE-LCH	88.218, 114.491, 135.485
CIE-LUV	88.218, -78.278, 105.021
Hunter-Lab	85.159, -69.872, 50.3
Binary	00111010, 11111111, 00100000

#3aff20
```
#3aff20 rgb(58,255,32)
```
#e520ff
```
#e520ff rgb(229,32,255)
```

Complementary Color

#aaff20
```
#aaff20 rgb(170,255,32)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#20ff76
```
#20ff76 rgb(32,255,118)
```

Analogous Color

#ff20aa
```
#ff20aa rgb(255,32,170)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#7620ff
```
#7620ff rgb(118,32,255)
```

Split Complementary Color

#ff203a
```
#ff203a rgb(255,32,58)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#203aff
```
#203aff rgb(32,58,255)
```

Triadic Color

#ffe520
```
#ffe520 rgb(255,229,32)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#203aff
```
#203aff rgb(32,58,255)
```
#e520ff
```
#e520ff rgb(229,32,255)
```

Tetradic Color

#19d300
```
#19d300 rgb(25,211,0)
```
#1cec00
```
#1cec00 rgb(28,236,0)
```
#23ff06
```
#23ff06 rgb(35,255,6)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#51ff3a
```
#51ff3a rgb(81,255,58)
```
#67ff53
```
#67ff53 rgb(103,255,83)
```
#7eff6d
```
#7eff6d rgb(126,255,109)
```

Monochromatic Color

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

#72ff20
```
#72ff20 rgb(114,255,32)
```
#5fff20
```
#5fff20 rgb(95,255,32)
```
#4dff20
```
#4dff20 rgb(77,255,32)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#27ff20
```
#27ff20 rgb(39,255,32)
```
#20ff2b
```
#20ff2b rgb(32,255,43)
```
#20ff3e
```
#20ff3e rgb(32,255,62)
```

Similar Colors

Text with hexadecimal color #3aff20

This text has a font color of #3aff20.

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

#3aff20 background color

This paragraph has a background color of #3aff20.

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

#3aff20 border color

This element has a border color of #3aff20.

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

CSS codes

.text {color:#3aff20;}

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

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

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, #010c00 is the darkest color, while #f9fff8 is the lightest one.

#010c00
```
#010c00 rgb(1,12,0)
```
#042000
```
#042000 rgb(4,32,0)
```
#063400
```
#063400 rgb(6,52,0)
```
#084700
```
#084700 rgb(8,71,0)
```
#0b5b00
```
#0b5b00 rgb(11,91,0)
```
#0d6e00
```
#0d6e00 rgb(13,110,0)
```
#0f8200
```
#0f8200 rgb(15,130,0)
```
#119600
```
#119600 rgb(17,150,0)
```
#14a900
```
#14a900 rgb(20,169,0)
```
#16bd00
```
#16bd00 rgb(22,189,0)
```
#18d100
```
#18d100 rgb(24,209,0)
```
#1be400
```
#1be400 rgb(27,228,0)
```
#1df800
```
#1df800 rgb(29,248,0)
```

Shade Color Variation

#29ff0c
```
#29ff0c rgb(41,255,12)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#4bff34
```
#4bff34 rgb(75,255,52)
```
#5dff47
```
#5dff47 rgb(93,255,71)
```
#6eff5b
```
#6eff5b rgb(110,255,91)
```
#7fff6e
```
#7fff6e rgb(127,255,110)
```
#91ff82
```
#91ff82 rgb(145,255,130)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#b3ffa9
```
#b3ffa9 rgb(179,255,169)
```
#c5ffbd
```
#c5ffbd rgb(197,255,189)
```
#d6ffd1
```
#d6ffd1 rgb(214,255,209)
```
#e7ffe4
```
#e7ffe4 rgb(231,255,228)
```
#f9fff8
```
#f9fff8 rgb(249,255,248)
```

Tint Color Variation

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

#899887
```
#899887 rgb(137,152,135)
```
#82a17e
```
#82a17e rgb(130,161,126)
```
#7ca976
```
#7ca976 rgb(124,169,118)
```
#75b26d
```
#75b26d rgb(117,178,109)
```
#6fba65
```
#6fba65 rgb(111,186,101)
```
#68c35c
```
#68c35c rgb(104,195,92)
```
#61cc53
```
#61cc53 rgb(97,204,83)
```
#5bd44b
```
#5bd44b rgb(91,212,75)
```
#54dd42
```
#54dd42 rgb(84,221,66)
```
#4ee53a
```
#4ee53a rgb(78,229,58)
```
#47ee31
```
#47ee31 rgb(71,238,49)
```
#41f629
```
#41f629 rgb(65,246,41)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#94bc8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#fadf21 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#88edff Tritanopia 0.001% of the population

Trichromacy

#b4ea20 Protanomaly 1% of men, 0.01% of women
#b7e774 Deuteranomaly 6% of men, 0.4% of women
#6cf4ad Tritanomaly 0.01% of the population

#3aff20 hex color

#3aff20 Color Information

#3aff20 Color Conversion

Color Schemes with #3aff20

Alternatives to #3aff20

#3aff20 Preview

Shades and Tints of #3aff20

Tones of #3aff20

Color Blindness Simulator