#3af620 hex color

In a RGB color space, hex #3af620 is composed of 22.7% red, 96.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 87% yellow and 3.5% black. It has a hue angle of 112.7 degrees, a saturation of 92.2% and a lightness of 54.5%. #3af620 color hex could be obtained by blending #74ff40 with #00ed00. Closest websafe color is: #33ff33.

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

● #3af620 color description : Vivid lime green.

The hexadecimal color #3af620 has RGB values of R:58, G:246, B:32 and CMYK values of C:0.76, M:0, Y:0.87, K:0.04. Its decimal value is 3864096.

Hex triplet	3af620	`#3af620`
RGB Decimal	58, 246, 32	`rgb(58,246,32)`
RGB Percent	22.7, 96.5, 12.5	`rgb(22.7%,96.5%,12.5%)`
CMYK	76, 0, 87, 4
HSL	112.7°, 92.2, 54.5	`hsl(112.7,92.2%,54.5%)`
HSV (or HSB)	112.7°, 87, 96.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.459, -79.081, 77.885
XYZ	34.96, 66.912, 12.439
xyY	0.306, 0.585, 66.912
CIE-LCH	85.459, 110.994, 135.437
CIE-LUV	85.459, -75.405, 101.497
Hunter-Lab	81.8, -66.862, 48.244
Binary	00111010, 11110110, 00100000

#3af620
```
#3af620 rgb(58,246,32)
```
#dc20f6
```
#dc20f6 rgb(220,32,246)
```

Complementary Color

#a5f620
```
#a5f620 rgb(165,246,32)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#20f671
```
#20f671 rgb(32,246,113)
```

Analogous Color

#f620a5
```
#f620a5 rgb(246,32,165)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#7120f6
```
#7120f6 rgb(113,32,246)
```

Split Complementary Color

#f6203a
```
#f6203a rgb(246,32,58)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#203af6
```
#203af6 rgb(32,58,246)
```

Triadic Color

#f6dc20
```
#f6dc20 rgb(246,220,32)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#203af6
```
#203af6 rgb(32,58,246)
```
#dc20f6
```
#dc20f6 rgb(220,32,246)
```

Tetradic Color

#1ec208
```
#1ec208 rgb(30,194,8)
```
#22da09
```
#22da09 rgb(34,218,9)
```
#26f30a
```
#26f30a rgb(38,243,10)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#50f739
```
#50f739 rgb(80,247,57)
```
#65f851
```
#65f851 rgb(101,248,81)
```
#7bf96a
```
#7bf96a rgb(123,249,106)
```

Monochromatic Color

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

#70f620
```
#70f620 rgb(112,246,32)
```
#5ef620
```
#5ef620 rgb(94,246,32)
```
#4cf620
```
#4cf620 rgb(76,246,32)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#28f620
```
#28f620 rgb(40,246,32)
```
#20f62a
```
#20f62a rgb(32,246,42)
```
#20f63c
```
#20f63c rgb(32,246,60)
```

Similar Colors

Text with hexadecimal color #3af620

This text has a font color of #3af620.

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

#3af620 background color

This paragraph has a background color of #3af620.

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

#3af620 border color

This element has a border color of #3af620.

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

CSS codes

.text {color:#3af620;}

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

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

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

#010300
```
#010300 rgb(1,3,0)
```
#031601
```
#031601 rgb(3,22,1)
```
#062902
```
#062902 rgb(6,41,2)
```
#093c02
```
#093c02 rgb(9,60,2)
```
#0c4f03
```
#0c4f03 rgb(12,79,3)
```
#0f6204
```
#0f6204 rgb(15,98,4)
```
#127405
```
#127405 rgb(18,116,5)
```
#158705
```
#158705 rgb(21,135,5)
```
#189a06
```
#189a06 rgb(24,154,6)
```
#1bad07
```
#1bad07 rgb(27,173,7)
```
#1ec008
```
#1ec008 rgb(30,192,8)
```
#21d309
```
#21d309 rgb(33,211,9)
```
#24e609
```
#24e609 rgb(36,230,9)
```

Shade Color Variation

#29f50d
```
#29f50d rgb(41,245,13)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#4bf733
```
#4bf733 rgb(75,247,51)
```
#5bf846
```
#5bf846 rgb(91,248,70)
```
#6cf859
```
#6cf859 rgb(108,248,89)
```
#7df96b
```
#7df96b rgb(125,249,107)
```
#8dfa7e
```
#8dfa7e rgb(141,250,126)
```
#9efb91
```
#9efb91 rgb(158,251,145)
```
#affba4
```
#affba4 rgb(175,251,164)
```
#bffcb7
```
#bffcb7 rgb(191,252,183)
```
#d0fdca
```
#d0fdca rgb(208,253,202)
```
#e1fedd
```
#e1fedd rgb(225,254,221)
```
#f1feef
```
#f1feef rgb(241,254,239)
```

Tint Color Variation

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

#849482
```
#849482 rgb(132,148,130)
```
#7e9d79
```
#7e9d79 rgb(126,157,121)
```
#77a670
```
#77a670 rgb(119,166,112)
```
#70af67
```
#70af67 rgb(112,175,103)
```
#69b85e
```
#69b85e rgb(105,184,94)
```
#63c056
```
#63c056 rgb(99,192,86)
```
#5cc94d
```
#5cc94d rgb(92,201,77)
```
#55d244
```
#55d244 rgb(85,210,68)
```
#4edb3b
```
#4edb3b rgb(78,219,59)
```
#48e432
```
#48e432 rgb(72,228,50)
```
#41ed29
```
#41ed29 rgb(65,237,41)
```
#3af620
```
#3af620 rgb(58,246,32)
```
#33ff17
```
#33ff17 rgb(51,255,23)
```

Tone Color Variation

Below, you can see how #3af620 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
#90b58a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d821 Protanopia 1% of men
#ffd087 Deuteranopia 1% of men
#83e6f6 Tritanopia 0.001% of the population

Trichromacy

#afe321 Protanomaly 1% of men, 0.01% of women
#b7de61 Deuteranomaly 6% of men, 0.4% of women
#68eba8 Tritanomaly 0.01% of the population

#3af620 hex color

#3af620 Color Information

#3af620 Color Conversion

Color Schemes with #3af620

Alternatives to #3af620

#3af620 Preview

Shades and Tints of #3af620

Tones of #3af620

Color Blindness Simulator