#5af51f hex color

In a RGB color space, hex #5af51f is composed of 35.3% red, 96.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 87.3% yellow and 3.9% black. It has a hue angle of 103.5 degrees, a saturation of 91.5% and a lightness of 54.1%. #5af51f color hex could be obtained by blending #b4ff3e with #00eb00. 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

● #5af51f color description : Vivid green.

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

Hex triplet	5af51f	`#5af51f`
RGB Decimal	90, 245, 31	`rgb(90,245,31)`
RGB Percent	35.3, 96.1, 12.2	`rgb(35.3%,96.1%,12.2%)`
CMYK	63, 0, 87, 4
HSL	103.5°, 91.5, 54.1	`hsl(103.5,91.5%,54.1%)`
HSV (or HSB)	103.5°, 87.3, 96.1
Web Safe	66ff33	`#66ff33`

CIE-LAB	85.793, -73.304, 78.605
XYZ	37.114, 67.574, 12.383
xyY	0.317, 0.577, 67.574
CIE-LCH	85.793, 107.482, 133.002
CIE-LUV	85.793, -68.451, 101.163
Hunter-Lab	82.203, -63.264, 48.611
Binary	01011010, 11110101, 00011111

#5af51f
```
#5af51f rgb(90,245,31)
```
#ba1ff5
```
#ba1ff5 rgb(186,31,245)
```

Complementary Color

#c5f51f
```
#c5f51f rgb(197,245,31)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#1ff54f
```
#1ff54f rgb(31,245,79)
```

Analogous Color

#f51fc5
```
#f51fc5 rgb(245,31,197)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#4f1ff5
```
#4f1ff5 rgb(79,31,245)
```

Split Complementary Color

#f51f5a
```
#f51f5a rgb(245,31,90)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#1f5af5
```
#1f5af5 rgb(31,90,245)
```

Triadic Color

#f5ba1f
```
#f5ba1f rgb(245,186,31)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#1f5af5
```
#1f5af5 rgb(31,90,245)
```
#ba1ff5
```
#ba1ff5 rgb(186,31,245)
```

Tetradic Color

#3bbf09
```
#3bbf09 rgb(59,191,9)
```
#42d70a
```
#42d70a rgb(66,215,10)
```
#4af00b
```
#4af00b rgb(74,240,11)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#6cf637
```
#6cf637 rgb(108,246,55)
```
#7ef750
```
#7ef750 rgb(126,247,80)
```
#90f868
```
#90f868 rgb(144,248,104)
```

Monochromatic Color

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

#90f51f
```
#90f51f rgb(144,245,31)
```
#7ef51f
```
#7ef51f rgb(126,245,31)
```
#6cf51f
```
#6cf51f rgb(108,245,31)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#48f51f
```
#48f51f rgb(72,245,31)
```
#36f51f
```
#36f51f rgb(54,245,31)
```
#24f51f
```
#24f51f rgb(36,245,31)
```

Similar Colors

Text with hexadecimal color #5af51f

This text has a font color of #5af51f.

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

#5af51f background color

This paragraph has a background color of #5af51f.

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

#5af51f border color

This element has a border color of #5af51f.

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

CSS codes

.text {color:#5af51f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#061401
```
#061401 rgb(6,20,1)
```
#0c2702
```
#0c2702 rgb(12,39,2)
```
#123a03
```
#123a03 rgb(18,58,3)
```
#184c03
```
#184c03 rgb(24,76,3)
```
#1d5f04
```
#1d5f04 rgb(29,95,4)
```
#237205
```
#237205 rgb(35,114,5)
```
#298506
```
#298506 rgb(41,133,6)
```
#2f9807
```
#2f9807 rgb(47,152,7)
```
#34aa08
```
#34aa08 rgb(52,170,8)
```
#3abd08
```
#3abd08 rgb(58,189,8)
```
#40d009
```
#40d009 rgb(64,208,9)
```
#46e30a
```
#46e30a rgb(70,227,10)
```

Shade Color Variation

#4cf40c
```
#4cf40c rgb(76,244,12)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#68f632
```
#68f632 rgb(104,246,50)
```
#76f745
```
#76f745 rgb(118,247,69)
```
#83f857
```
#83f857 rgb(131,248,87)
```
#91f86a
```
#91f86a rgb(145,248,106)
```
#9ff97d
```
#9ff97d rgb(159,249,125)
```
#adfa90
```
#adfa90 rgb(173,250,144)
```
#bbfba2
```
#bbfba2 rgb(187,251,162)
```
#c9fcb5
```
#c9fcb5 rgb(201,252,181)
```
#d6fdc8
```
#d6fdc8 rgb(214,253,200)
```
#e4fddb
```
#e4fddb rgb(228,253,219)
```
#f2feee
```
#f2feee rgb(242,254,238)
```

Tint Color Variation

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

#869282
```
#869282 rgb(134,146,130)
```
#829b79
```
#829b79 rgb(130,155,121)
```
#7ea470
```
#7ea470 rgb(126,164,112)
```
#7aad67
```
#7aad67 rgb(122,173,103)
```
#76b65e
```
#76b65e rgb(118,182,94)
```
#72bf55
```
#72bf55 rgb(114,191,85)
```
#6ec84c
```
#6ec84c rgb(110,200,76)
```
#6ad143
```
#6ad143 rgb(106,209,67)
```
#66da3a
```
#66da3a rgb(102,218,58)
```
#62e331
```
#62e331 rgb(98,227,49)
```
#5eec28
```
#5eec28 rgb(94,236,40)
```
#5af51f
```
#5af51f rgb(90,245,31)
```
#56fe16
```
#56fe16 rgb(86,254,22)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9dbc91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d921 Protanopia 1% of men
#ffd18b Deuteranopia 1% of men
#91e5f5 Tritanopia 0.001% of the population

Trichromacy

#bbe320 Protanomaly 1% of men, 0.01% of women
#c3de63 Deuteranomaly 6% of men, 0.4% of women
#7deaa7 Tritanomaly 0.01% of the population

#5af51f hex color

#5af51f Color Information

#5af51f Color Conversion

Color Schemes with #5af51f

Alternatives to #5af51f

#5af51f Preview

Shades and Tints of #5af51f

Tones of #5af51f

Color Blindness Simulator