#3afc20 hex color

In a RGB color space, hex #3afc20 is composed of 22.7% red, 98.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 87.3% yellow and 1.2% black. It has a hue angle of 112.9 degrees, a saturation of 97.3% and a lightness of 55.7%. #3afc20 color hex could be obtained by blending #74ff40 with #00f900. Closest websafe color is: #33ff33.

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

● #3afc20 color description : Vivid lime green.

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

Hex triplet	3afc20	`#3afc20`
RGB Decimal	58, 252, 32	`rgb(58,252,32)`
RGB Percent	22.7, 98.8, 12.5	`rgb(22.7%,98.8%,12.5%)`
CMYK	77, 0, 87, 1
HSL	112.9°, 97.3, 55.7	`hsl(112.9,97.3%,55.7%)`
HSV (or HSB)	112.9°, 87.3, 98.8
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.3, -80.791, 79.477
XYZ	36.814, 70.621, 13.057
xyY	0.306, 0.586, 70.621
CIE-LCH	87.3, 113.33, 135.469
CIE-LUV	87.3, -77.324, 103.85
Hunter-Lab	84.036, -68.867, 49.613
Binary	00111010, 11111100, 00100000

#3afc20
```
#3afc20 rgb(58,252,32)
```
#e220fc
```
#e220fc rgb(226,32,252)
```

Complementary Color

#a8fc20
```
#a8fc20 rgb(168,252,32)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#20fc74
```
#20fc74 rgb(32,252,116)
```

Analogous Color

#fc20a8
```
#fc20a8 rgb(252,32,168)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#7420fc
```
#7420fc rgb(116,32,252)
```

Split Complementary Color

#fc203a
```
#fc203a rgb(252,32,58)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#203afc
```
#203afc rgb(32,58,252)
```

Triadic Color

#fce220
```
#fce220 rgb(252,226,32)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#203afc
```
#203afc rgb(32,58,252)
```
#e220fc
```
#e220fc rgb(226,32,252)
```

Tetradic Color

#1bcd03
```
#1bcd03 rgb(27,205,3)
```
#1ee603
```
#1ee603 rgb(30,230,3)
```
#24fc07
```
#24fc07 rgb(36,252,7)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#50fc39
```
#50fc39 rgb(80,252,57)
```
#66fd52
```
#66fd52 rgb(102,253,82)
```
#7dfd6b
```
#7dfd6b rgb(125,253,107)
```

Monochromatic Color

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

#71fc20
```
#71fc20 rgb(113,252,32)
```
#5ffc20
```
#5ffc20 rgb(95,252,32)
```
#4cfc20
```
#4cfc20 rgb(76,252,32)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#28fc20
```
#28fc20 rgb(40,252,32)
```
#20fc2b
```
#20fc2b rgb(32,252,43)
```
#20fc3d
```
#20fc3d rgb(32,252,61)
```

Similar Colors

Text with hexadecimal color #3afc20

This text has a font color of #3afc20.

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

#3afc20 background color

This paragraph has a background color of #3afc20.

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

#3afc20 border color

This element has a border color of #3afc20.

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

CSS codes

.text {color:#3afc20;}

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

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

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

#010900
```
#010900 rgb(1,9,0)
```
#041d00
```
#041d00 rgb(4,29,0)
```
#063001
```
#063001 rgb(6,48,1)
```
#094301
```
#094301 rgb(9,67,1)
```
#0b5701
```
#0b5701 rgb(11,87,1)
```
#0e6a01
```
#0e6a01 rgb(14,106,1)
```
#107d02
```
#107d02 rgb(16,125,2)
```
#139102
```
#139102 rgb(19,145,2)
```
#15a402
```
#15a402 rgb(21,164,2)
```
#18b702
```
#18b702 rgb(24,183,2)
```
#1acb03
```
#1acb03 rgb(26,203,3)
```
#1dde03
```
#1dde03 rgb(29,222,3)
```
#1ff203
```
#1ff203 rgb(31,242,3)
```

Shade Color Variation

#29fc0d
```
#29fc0d rgb(41,252,13)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```
#4bfc33
```
#4bfc33 rgb(75,252,51)
```
#5cfd47
```
#5cfd47 rgb(92,253,71)
```
#6dfd5a
```
#6dfd5a rgb(109,253,90)
```
#7efd6d
```
#7efd6d rgb(126,253,109)
```
#8ffd81
```
#8ffd81 rgb(143,253,129)
```
#a1fe94
```
#a1fe94 rgb(161,254,148)
```
#b2fea7
```
#b2fea7 rgb(178,254,167)
```
#c3febb
```
#c3febb rgb(195,254,187)
```
#d4fece
```
#d4fece rgb(212,254,206)
```
#e5ffe2
```
#e5ffe2 rgb(229,255,226)
```
#f6fff5
```
#f6fff5 rgb(246,255,245)
```

Tint Color Variation

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

#8a9488
```
#8a9488 rgb(138,148,136)
```
#839c80
```
#839c80 rgb(131,156,128)
```
#7ca577
```
#7ca577 rgb(124,165,119)
```
#76ae6e
```
#76ae6e rgb(118,174,110)
```
#6fb666
```
#6fb666 rgb(111,182,102)
```
#68bf5d
```
#68bf5d rgb(104,191,93)
```
#62c854
```
#62c854 rgb(98,200,84)
```
#5bd14b
```
#5bd14b rgb(91,209,75)
```
#55d943
```
#55d943 rgb(85,217,67)
```
#4ee23a
```
#4ee23a rgb(78,226,58)
```
#47eb31
```
#47eb31 rgb(71,235,49)
```
#41f329
```
#41f329 rgb(65,243,41)
```
#3afc20
```
#3afc20 rgb(58,252,32)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#93ba8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7dd21 Protanopia 1% of men
#ffd69b Deuteranopia 1% of men
#85ebfc Tritanopia 0.001% of the population

Trichromacy

#b2e820 Protanomaly 1% of men, 0.01% of women
#b7e46e Deuteranomaly 6% of men, 0.4% of women
#6af1ac Tritanomaly 0.01% of the population

#3afc20 hex color

#3afc20 Color Information

#3afc20 Color Conversion

Color Schemes with #3afc20

Alternatives to #3afc20

#3afc20 Preview

Shades and Tints of #3afc20

Tones of #3afc20

Color Blindness Simulator