#3afa20 hex color

In a RGB color space, hex #3afa20 is composed of 22.7% red, 98% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 87.2% yellow and 2% black. It has a hue angle of 112.8 degrees, a saturation of 95.6% and a lightness of 55.3%. #3afa20 color hex could be obtained by blending #74ff40 with #00f500. Closest websafe color is: #33ff33.

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

● #3afa20 color description : Vivid lime green.

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

Hex triplet	3afa20	`#3afa20`
RGB Decimal	58, 250, 32	`rgb(58,250,32)`
RGB Percent	22.7, 98, 12.5	`rgb(22.7%,98%,12.5%)`
CMYK	77, 0, 87, 2
HSL	112.8°, 95.6, 55.3	`hsl(112.8,95.6%,55.3%)`
HSV (or HSB)	112.8°, 87.2, 98
Web Safe	33ff33	`#33ff33`

CIE-LAB	86.688, -80.222, 78.948
XYZ	36.189, 69.371, 12.849
xyY	0.306, 0.586, 69.371
CIE-LCH	86.688, 112.554, 135.459
CIE-LUV	86.688, -76.686, 103.067
Hunter-Lab	83.289, -68.198, 49.156
Binary	00111010, 11111010, 00100000

#3afa20
```
#3afa20 rgb(58,250,32)
```
#e020fa
```
#e020fa rgb(224,32,250)
```

Complementary Color

#a7fa20
```
#a7fa20 rgb(167,250,32)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#20fa73
```
#20fa73 rgb(32,250,115)
```

Analogous Color

#fa20a7
```
#fa20a7 rgb(250,32,167)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#7320fa
```
#7320fa rgb(115,32,250)
```

Split Complementary Color

#fa203a
```
#fa203a rgb(250,32,58)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#203afa
```
#203afa rgb(32,58,250)
```

Triadic Color

#fae020
```
#fae020 rgb(250,224,32)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#203afa
```
#203afa rgb(32,58,250)
```
#e020fa
```
#e020fa rgb(224,32,250)
```

Tetradic Color

#1cc905
```
#1cc905 rgb(28,201,5)
```
#1fe205
```
#1fe205 rgb(31,226,5)
```
#24f907
```
#24f907 rgb(36,249,7)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#50fb39
```
#50fb39 rgb(80,251,57)
```
#66fb52
```
#66fb52 rgb(102,251,82)
```
#7cfc6b
```
#7cfc6b rgb(124,252,107)
```

Monochromatic Color

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

#71fa20
```
#71fa20 rgb(113,250,32)
```
#5efa20
```
#5efa20 rgb(94,250,32)
```
#4cfa20
```
#4cfa20 rgb(76,250,32)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#28fa20
```
#28fa20 rgb(40,250,32)
```
#20fa2a
```
#20fa2a rgb(32,250,42)
```
#20fa3d
```
#20fa3d rgb(32,250,61)
```

Similar Colors

Text with hexadecimal color #3afa20

This text has a font color of #3afa20.

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

#3afa20 background color

This paragraph has a background color of #3afa20.

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

#3afa20 border color

This element has a border color of #3afa20.

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

CSS codes

.text {color:#3afa20;}

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

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

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

#010700
```
#010700 rgb(1,7,0)
```
#041a01
```
#041a01 rgb(4,26,1)
```
#062e01
```
#062e01 rgb(6,46,1)
```
#094101
```
#094101 rgb(9,65,1)
```
#0c5402
```
#0c5402 rgb(12,84,2)
```
#0e6702
```
#0e6702 rgb(14,103,2)
```
#117a03
```
#117a03 rgb(17,122,3)
```
#148e03
```
#148e03 rgb(20,142,3)
```
#16a104
```
#16a104 rgb(22,161,4)
```
#19b404
```
#19b404 rgb(25,180,4)
```
#1cc704
```
#1cc704 rgb(28,199,4)
```
#1eda05
```
#1eda05 rgb(30,218,5)
```
#21ed05
```
#21ed05 rgb(33,237,5)
```

Shade Color Variation

#29fa0d
```
#29fa0d rgb(41,250,13)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```
#4bfa33
```
#4bfa33 rgb(75,250,51)
```
#5cfb46
```
#5cfb46 rgb(92,251,70)
```
#6dfb5a
```
#6dfb5a rgb(109,251,90)
```
#7efc6d
```
#7efc6d rgb(126,252,109)
```
#8ffc80
```
#8ffc80 rgb(143,252,128)
```
#a0fd93
```
#a0fd93 rgb(160,253,147)
```
#b1fda6
```
#b1fda6 rgb(177,253,166)
```
#c2fdb9
```
#c2fdb9 rgb(194,253,185)
```
#d3fecd
```
#d3fecd rgb(211,254,205)
```
#e3fee0
```
#e3fee0 rgb(227,254,224)
```
#f4fff3
```
#f4fff3 rgb(244,255,243)
```

Tint Color Variation

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

#8a9189
```
#8a9189 rgb(138,145,137)
```
#839a80
```
#839a80 rgb(131,154,128)
```
#7da278
```
#7da278 rgb(125,162,120)
```
#76ab6f
```
#76ab6f rgb(118,171,111)
```
#6fb466
```
#6fb466 rgb(111,180,102)
```
#69bd5d
```
#69bd5d rgb(105,189,93)
```
#62c555
```
#62c555 rgb(98,197,85)
```
#5bce4c
```
#5bce4c rgb(91,206,76)
```
#55d743
```
#55d743 rgb(85,215,67)
```
#4ee03a
```
#4ee03a rgb(78,224,58)
```
#47e832
```
#47e832 rgb(71,232,50)
```
#41f129
```
#41f129 rgb(65,241,41)
```
#3afa20
```
#3afa20 rgb(58,250,32)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#92b88d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db21 Protanopia 1% of men
#ffd495 Deuteranopia 1% of men
#84e9fa Tritanopia 0.001% of the population

Trichromacy

#b1e621 Protanomaly 1% of men, 0.01% of women
#b7e26a Deuteranomaly 6% of men, 0.4% of women
#69efab Tritanomaly 0.01% of the population

#3afa20 hex color

#3afa20 Color Information

#3afa20 Color Conversion

Color Schemes with #3afa20

Alternatives to #3afa20

#3afa20 Preview

Shades and Tints of #3afa20

Tones of #3afa20

Color Blindness Simulator