#5af71e hex color

In a RGB color space, hex #5af71e is composed of 35.3% red, 96.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 87.9% yellow and 3.1% black. It has a hue angle of 103.4 degrees, a saturation of 93.1% and a lightness of 54.3%. #5af71e color hex could be obtained by blending #b4ff3c with #00ef00. Closest websafe color is: #66ff33.

♥
- f
- t
- g
- R 35
- G 97
- B 12
RGB color chart
- C 64
- M 0
- Y 88
- K 3
CMYK color chart

● #5af71e color description : Vivid green.

The hexadecimal color #5af71e has RGB values of R:90, G:247, B:30 and CMYK values of C:0.64, M:0, Y:0.88, K:0.03. Its decimal value is 5961502.

Hex triplet	5af71e	`#5af71e`
RGB Decimal	90, 247, 30	`rgb(90,247,30)`
RGB Percent	35.3, 96.9, 11.8	`rgb(35.3%,96.9%,11.8%)`
CMYK	64, 0, 88, 3
HSL	103.4°, 93.1, 54.3	`hsl(103.4,93.1%,54.3%)`
HSV (or HSB)	103.4°, 87.9, 96.9
Web Safe	66ff33	`#66ff33`

CIE-LAB	86.398, -73.967, 79.298
XYZ	37.71, 68.786, 12.518
xyY	0.317, 0.578, 68.786
CIE-LCH	86.398, 108.441, 133.008
CIE-LUV	86.398, -69.172, 102.065
Hunter-Lab	82.937, -63.98, 49.107
Binary	01011010, 11110111, 00011110

#5af71e
```
#5af71e rgb(90,247,30)
```
#bb1ef7
```
#bb1ef7 rgb(187,30,247)
```

Complementary Color

#c7f71e
```
#c7f71e rgb(199,247,30)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#1ef74f
```
#1ef74f rgb(30,247,79)
```

Analogous Color

#f71ec7
```
#f71ec7 rgb(247,30,199)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#4f1ef7
```
#4f1ef7 rgb(79,30,247)
```

Split Complementary Color

#f71e5a
```
#f71e5a rgb(247,30,90)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#1e5af7
```
#1e5af7 rgb(30,90,247)
```

Triadic Color

#f7bb1e
```
#f7bb1e rgb(247,187,30)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#1e5af7
```
#1e5af7 rgb(30,90,247)
```
#bb1ef7
```
#bb1ef7 rgb(187,30,247)
```

Tetradic Color

#3bc207
```
#3bc207 rgb(59,194,7)
```
#42da08
```
#42da08 rgb(66,218,8)
```
#49f309
```
#49f309 rgb(73,243,9)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#6cf837
```
#6cf837 rgb(108,248,55)
```
#7ef94f
```
#7ef94f rgb(126,249,79)
```
#90fa68
```
#90fa68 rgb(144,250,104)
```

Monochromatic Color

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

#90f71e
```
#90f71e rgb(144,247,30)
```
#7ef71e
```
#7ef71e rgb(126,247,30)
```
#6cf71e
```
#6cf71e rgb(108,247,30)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#48f71e
```
#48f71e rgb(72,247,30)
```
#36f71e
```
#36f71e rgb(54,247,30)
```
#24f71e
```
#24f71e rgb(36,247,30)
```

Similar Colors

Text with hexadecimal color #5af71e

This text has a font color of #5af71e.

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

#5af71e background color

This paragraph has a background color of #5af71e.

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

#5af71e border color

This element has a border color of #5af71e.

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

CSS codes

.text {color:#5af71e;}

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

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

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)
```
#0c2801
```
#0c2801 rgb(12,40,1)
```
#123b02
```
#123b02 rgb(18,59,2)
```
#184e03
```
#184e03 rgb(24,78,3)
```
#1d6103
```
#1d6103 rgb(29,97,3)
```
#237404
```
#237404 rgb(35,116,4)
```
#298705
```
#298705 rgb(41,135,5)
```
#2e9a05
```
#2e9a05 rgb(46,154,5)
```
#34ad06
```
#34ad06 rgb(52,173,6)
```
#3ac007
```
#3ac007 rgb(58,192,7)
```
#40d307
```
#40d307 rgb(64,211,7)
```
#45e608
```
#45e608 rgb(69,230,8)
```

Shade Color Variation

#4cf60b
```
#4cf60b rgb(76,246,11)
```
#5af71e
```
#5af71e rgb(90,247,30)
```
#68f831
```
#68f831 rgb(104,248,49)
```
#76f844
```
#76f844 rgb(118,248,68)
```
#84f957
```
#84f957 rgb(132,249,87)
```
#92fa6a
```
#92fa6a rgb(146,250,106)
```
#9ffa7d
```
#9ffa7d rgb(159,250,125)
```
#adfb90
```
#adfb90 rgb(173,251,144)
```
#bbfca3
```
#bbfca3 rgb(187,252,163)
```
#c9fcb6
```
#c9fcb6 rgb(201,252,182)
```
#d7fdc8
```
#d7fdc8 rgb(215,253,200)
```
#e5fedb
```
#e5fedb rgb(229,254,219)
```
#f3feee
```
#f3feee rgb(243,254,238)
```

Tint Color Variation

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

#8a8b8a
```
#8a8b8a rgb(138,139,138)
```
#869481
```
#869481 rgb(134,148,129)
```
#829d78
```
#829d78 rgb(130,157,120)
```
#7ea66f
```
#7ea66f rgb(126,166,111)
```
#7aaf66
```
#7aaf66 rgb(122,175,102)
```
#76b85d
```
#76b85d rgb(118,184,93)
```
#72c154
```
#72c154 rgb(114,193,84)
```
#6eca4b
```
#6eca4b rgb(110,202,75)
```
#6ad342
```
#6ad342 rgb(106,211,66)
```
#66dc39
```
#66dc39 rgb(102,220,57)
```
#62e530
```
#62e530 rgb(98,229,48)
```
#5eee27
```
#5eee27 rgb(94,238,39)
```
#5af71e
```
#5af71e rgb(90,247,30)
```

Tone Color Variation

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

#f4da20 Protanopia 1% of men
#ffd391 Deuteranopia 1% of men
#92e7f7 Tritanopia 0.001% of the population

Trichromacy

#bce41f Protanomaly 1% of men, 0.01% of women
#c3e067 Deuteranomaly 6% of men, 0.4% of women
#7deca8 Tritanomaly 0.01% of the population

#5af71e hex color

#5af71e Color Information

#5af71e Color Conversion

Color Schemes with #5af71e

Alternatives to #5af71e

#5af71e Preview

Shades and Tints of #5af71e

Tones of #5af71e

Color Blindness Simulator