#5af620 hex color

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

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

● #5af620 color description : Vivid green.

The hexadecimal color #5af620 has RGB values of R:90, G:246, B:32 and CMYK values of C:0.63, M:0, Y:0.87, K:0.04. Its decimal value is 5961248.

Hex triplet	5af620	`#5af620`
RGB Decimal	90, 246, 32	`rgb(90,246,32)`
RGB Percent	35.3, 96.5, 12.5	`rgb(35.3%,96.5%,12.5%)`
CMYK	63, 0, 87, 4
HSL	103.7°, 92.2, 54.5	`hsl(103.7,92.2%,54.5%)`
HSV (or HSB)	103.7°, 87, 96.5
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.099, -73.589, 78.688
XYZ	37.431, 68.186, 12.555
xyY	0.317, 0.577, 68.186
CIE-LCH	86.099, 107.736, 133.082
CIE-LUV	86.099, -68.797, 101.434
Hunter-Lab	82.575, -63.592, 48.788
Binary	01011010, 11110110, 00100000

#5af620
```
#5af620 rgb(90,246,32)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```

Complementary Color

#c5f620
```
#c5f620 rgb(197,246,32)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#20f651
```
#20f651 rgb(32,246,81)
```

Analogous Color

#f620c5
```
#f620c5 rgb(246,32,197)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#5120f6
```
#5120f6 rgb(81,32,246)
```

Split Complementary Color

#f6205a
```
#f6205a rgb(246,32,90)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#205af6
```
#205af6 rgb(32,90,246)
```

Triadic Color

#f6bc20
```
#f6bc20 rgb(246,188,32)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#205af6
```
#205af6 rgb(32,90,246)
```
#bc20f6
```
#bc20f6 rgb(188,32,246)
```

Tetradic Color

#3ac208
```
#3ac208 rgb(58,194,8)
```
#42da09
```
#42da09 rgb(66,218,9)
```
#49f30a
```
#49f30a rgb(73,243,10)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#6cf739
```
#6cf739 rgb(108,247,57)
```
#7ef851
```
#7ef851 rgb(126,248,81)
```
#90f96a
```
#90f96a rgb(144,249,106)
```

Monochromatic Color

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

#90f620
```
#90f620 rgb(144,246,32)
```
#7ef620
```
#7ef620 rgb(126,246,32)
```
#6cf620
```
#6cf620 rgb(108,246,32)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#48f620
```
#48f620 rgb(72,246,32)
```
#36f620
```
#36f620 rgb(54,246,32)
```
#24f620
```
#24f620 rgb(36,246,32)
```

Similar Colors

Text with hexadecimal color #5af620

This text has a font color of #5af620.

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

#5af620 background color

This paragraph has a background color of #5af620.

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

#5af620 border color

This element has a border color of #5af620.

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

CSS codes

.text {color:#5af620;}

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

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

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 #f3feef is the lightest one.

#010300
```
#010300 rgb(1,3,0)
```
#071601
```
#071601 rgb(7,22,1)
```
#0c2902
```
#0c2902 rgb(12,41,2)
```
#123c02
```
#123c02 rgb(18,60,2)
```
#184f03
```
#184f03 rgb(24,79,3)
```
#1d6204
```
#1d6204 rgb(29,98,4)
```
#237405
```
#237405 rgb(35,116,5)
```
#298705
```
#298705 rgb(41,135,5)
```
#2e9a06
```
#2e9a06 rgb(46,154,6)
```
#34ad07
```
#34ad07 rgb(52,173,7)
```
#3ac008
```
#3ac008 rgb(58,192,8)
```
#3fd309
```
#3fd309 rgb(63,211,9)
```
#45e609
```
#45e609 rgb(69,230,9)
```

Shade Color Variation

#4cf50d
```
#4cf50d rgb(76,245,13)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#68f733
```
#68f733 rgb(104,247,51)
```
#76f846
```
#76f846 rgb(118,248,70)
```
#84f859
```
#84f859 rgb(132,248,89)
```
#92f96b
```
#92f96b rgb(146,249,107)
```
#a0fa7e
```
#a0fa7e rgb(160,250,126)
```
#aefb91
```
#aefb91 rgb(174,251,145)
```
#bcfba4
```
#bcfba4 rgb(188,251,164)
```
#cafcb7
```
#cafcb7 rgb(202,252,183)
```
#d8fdca
```
#d8fdca rgb(216,253,202)
```
#e6fedd
```
#e6fedd rgb(230,254,221)
```
#f3feef
```
#f3feef rgb(243,254,239)
```

Tint Color Variation

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

#879482
```
#879482 rgb(135,148,130)
```
#839d79
```
#839d79 rgb(131,157,121)
```
#7fa670
```
#7fa670 rgb(127,166,112)
```
#7baf67
```
#7baf67 rgb(123,175,103)
```
#77b85e
```
#77b85e rgb(119,184,94)
```
#73c056
```
#73c056 rgb(115,192,86)
```
#6ec94d
```
#6ec94d rgb(110,201,77)
```
#6ad244
```
#6ad244 rgb(106,210,68)
```
#66db3b
```
#66db3b rgb(102,219,59)
```
#62e432
```
#62e432 rgb(98,228,50)
```
#5eed29
```
#5eed29 rgb(94,237,41)
```
#5af620
```
#5af620 rgb(90,246,32)
```
#56ff17
```
#56ff17 rgb(86,255,23)
```

Tone Color Variation

Below, you can see how #5af620 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

#afafaf Achromatopsia 0.005% of the population
#9ebd92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d922 Protanopia 1% of men
#ffd28e Deuteranopia 1% of men
#92e6f6 Tritanopia 0.001% of the population

Trichromacy

#bbe421 Protanomaly 1% of men, 0.01% of women
#c3df66 Deuteranomaly 6% of men, 0.4% of women
#7deba8 Tritanomaly 0.01% of the population

#5af620 hex color

#5af620 Color Information

#5af620 Color Conversion

Color Schemes with #5af620

Alternatives to #5af620

#5af620 Preview

Shades and Tints of #5af620

Tones of #5af620

Color Blindness Simulator