#5af61f hex color

In a RGB color space, hex #5af61f is composed of 35.3% red, 96.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 0% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 103.5 degrees, a saturation of 92.3% and a lightness of 54.3%. #5af61f color hex could be obtained by blending #b4ff3e with #00ed00. Closest websafe color is: #66ff33.

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

● #5af61f color description : Vivid green.

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

Hex triplet	5af61f	`#5af61f`
RGB Decimal	90, 246, 31	`rgb(90,246,31)`
RGB Percent	35.3, 96.5, 12.2	`rgb(35.3%,96.5%,12.2%)`
CMYK	63, 0, 87, 4
HSL	103.5°, 92.3, 54.3	`hsl(103.5,92.3%,54.3%)`
HSV (or HSB)	103.5°, 87.4, 96.5
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.097, -73.621, 78.866
XYZ	37.418, 68.181, 12.485
xyY	0.317, 0.577, 68.181
CIE-LCH	86.097, 107.888, 133.03
CIE-LUV	86.097, -68.807, 101.556
Hunter-Lab	82.572, -63.612, 48.836
Binary	01011010, 11110110, 00011111

#5af61f
```
#5af61f rgb(90,246,31)
```
#bb1ff6
```
#bb1ff6 rgb(187,31,246)
```

Complementary Color

#c6f61f
```
#c6f61f rgb(198,246,31)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#1ff650
```
#1ff650 rgb(31,246,80)
```

Analogous Color

#f61fc6
```
#f61fc6 rgb(246,31,198)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#501ff6
```
#501ff6 rgb(80,31,246)
```

Split Complementary Color

#f61f5a
```
#f61f5a rgb(246,31,90)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```

Triadic Color

#f6bb1f
```
#f6bb1f rgb(246,187,31)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#1f5af6
```
#1f5af6 rgb(31,90,246)
```
#bb1ff6
```
#bb1ff6 rgb(187,31,246)
```

Tetradic Color

#3bc108
```
#3bc108 rgb(59,193,8)
```
#42d909
```
#42d909 rgb(66,217,9)
```
#49f20a
```
#49f20a rgb(73,242,10)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#6cf738
```
#6cf738 rgb(108,247,56)
```
#7ef850
```
#7ef850 rgb(126,248,80)
```
#90f969
```
#90f969 rgb(144,249,105)
```

Monochromatic Color

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

#90f61f
```
#90f61f rgb(144,246,31)
```
#7ef61f
```
#7ef61f rgb(126,246,31)
```
#6cf61f
```
#6cf61f rgb(108,246,31)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#48f61f
```
#48f61f rgb(72,246,31)
```
#36f61f
```
#36f61f rgb(54,246,31)
```
#24f61f
```
#24f61f rgb(36,246,31)
```

Similar Colors

Text with hexadecimal color #5af61f

This text has a font color of #5af61f.

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

#5af61f background color

This paragraph has a background color of #5af61f.

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

#5af61f border color

This element has a border color of #5af61f.

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

CSS codes

.text {color:#5af61f;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#061501
```
#061501 rgb(6,21,1)
```
#0c2802
```
#0c2802 rgb(12,40,2)
```
#123b02
```
#123b02 rgb(18,59,2)
```
#184e03
```
#184e03 rgb(24,78,3)
```
#1d6104
```
#1d6104 rgb(29,97,4)
```
#237305
```
#237305 rgb(35,115,5)
```
#298605
```
#298605 rgb(41,134,5)
```
#2e9906
```
#2e9906 rgb(46,153,6)
```
#34ac07
```
#34ac07 rgb(52,172,7)
```
#3abf08
```
#3abf08 rgb(58,191,8)
```
#40d208
```
#40d208 rgb(64,210,8)
```
#45e509
```
#45e509 rgb(69,229,9)
```

Shade Color Variation

#4cf50c
```
#4cf50c rgb(76,245,12)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#68f732
```
#68f732 rgb(104,247,50)
```
#76f845
```
#76f845 rgb(118,248,69)
```
#84f858
```
#84f858 rgb(132,248,88)
```
#92f96a
```
#92f96a rgb(146,249,106)
```
#9ffa7d
```
#9ffa7d rgb(159,250,125)
```
#adfb90
```
#adfb90 rgb(173,251,144)
```
#bbfba3
```
#bbfba3 rgb(187,251,163)
```
#c9fcb6
```
#c9fcb6 rgb(201,252,182)
```
#d7fdc9
```
#d7fdc9 rgb(215,253,201)
```
#e5fedc
```
#e5fedc rgb(229,254,220)
```
#f3feee
```
#f3feee rgb(243,254,238)
```

Tint Color Variation

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

#869382
```
#869382 rgb(134,147,130)
```
#829c79
```
#829c79 rgb(130,156,121)
```
#7ea570
```
#7ea570 rgb(126,165,112)
```
#7aae67
```
#7aae67 rgb(122,174,103)
```
#76b75e
```
#76b75e rgb(118,183,94)
```
#72c055
```
#72c055 rgb(114,192,85)
```
#6ec94c
```
#6ec94c rgb(110,201,76)
```
#6ad243
```
#6ad243 rgb(106,210,67)
```
#66db3a
```
#66db3a rgb(102,219,58)
```
#62e431
```
#62e431 rgb(98,228,49)
```
#5eed28
```
#5eed28 rgb(94,237,40)
```
#5af61f
```
#5af61f rgb(90,246,31)
```
#56ff16
```
#56ff16 rgb(86,255,22)
```

Tone Color Variation

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

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

Trichromacy

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

#5af61f hex color

#5af61f Color Information

#5af61f Color Conversion

Color Schemes with #5af61f

Alternatives to #5af61f

#5af61f Preview

Shades and Tints of #5af61f

Tones of #5af61f

Color Blindness Simulator