#5af84e hex color

In a RGB color space, hex #5af84e is composed of 35.3% red, 97.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 0% magenta, 68.5% yellow and 2.7% black. It has a hue angle of 115.8 degrees, a saturation of 92.4% and a lightness of 63.9%. #5af84e color hex could be obtained by blending #b4ff9c with #00f100. Closest websafe color is: #66ff66.

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

● #5af84e color description : Soft lime green.

The hexadecimal color #5af84e has RGB values of R:90, G:248, B:78 and CMYK values of C:0.64, M:0, Y:0.69, K:0.03. Its decimal value is 5961806.

Hex triplet	5af84e	`#5af84e`
RGB Decimal	90, 248, 78	`rgb(90,248,78)`
RGB Percent	35.3, 97.3, 30.6	`rgb(35.3%,97.3%,30.6%)`
CMYK	64, 0, 69, 3
HSL	115.8°, 92.4, 63.9	`hsl(115.8,92.4%,63.9%)`
HSV (or HSB)	115.8°, 68.5, 97.3
Web Safe	66ff66	`#66ff66`

CIE-LAB	86.926, -71.602, 66.432
XYZ	39.157, 69.855, 18.627
xyY	0.307, 0.547, 69.855
CIE-LCH	86.926, 97.673, 137.145
CIE-LUV	86.926, -68.696, 92.402
Hunter-Lab	83.579, -62.636, 45.292
Binary	01011010, 11111000, 01001110

#5af84e
```
#5af84e rgb(90,248,78)
```
#ec4ef8
```
#ec4ef8 rgb(236,78,248)
```

Complementary Color

#aff84e
```
#aff84e rgb(175,248,78)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#4ef897
```
#4ef897 rgb(78,248,151)
```

Analogous Color

#f84eaf
```
#f84eaf rgb(248,78,175)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#974ef8
```
#974ef8 rgb(151,78,248)
```

Split Complementary Color

#f84e5a
```
#f84e5a rgb(248,78,90)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#4e5af8
```
#4e5af8 rgb(78,90,248)
```

Triadic Color

#f8ec4e
```
#f8ec4e rgb(248,236,78)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#4e5af8
```
#4e5af8 rgb(78,90,248)
```
#ec4ef8
```
#ec4ef8 rgb(236,78,248)
```

Tetradic Color

#1af009
```
#1af009 rgb(26,240,9)
```
#2cf61d
```
#2cf61d rgb(44,246,29)
```
#43f735
```
#43f735 rgb(67,247,53)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#71f967
```
#71f967 rgb(113,249,103)
```
#88fa7f
```
#88fa7f rgb(136,250,127)
```
#9ffb98
```
#9ffb98 rgb(159,251,152)
```

Monochromatic Color

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

#85f84e
```
#85f84e rgb(133,248,78)
```
#76f84e
```
#76f84e rgb(118,248,78)
```
#68f84e
```
#68f84e rgb(104,248,78)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#4ef850
```
#4ef850 rgb(78,248,80)
```
#4ef85e
```
#4ef85e rgb(78,248,94)
```
#4ef86d
```
#4ef86d rgb(78,248,109)
```

Similar Colors

Text with hexadecimal color #5af84e

This text has a font color of #5af84e.

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

#5af84e background color

This paragraph has a background color of #5af84e.

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

#5af84e border color

This element has a border color of #5af84e.

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

CSS codes

.text {color:#5af84e;}

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

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

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, #010c00 is the darkest color, while #f8fff8 is the lightest one.

#010c00
```
#010c00 rgb(1,12,0)
```
#031f01
```
#031f01 rgb(3,31,1)
```
#053102
```
#053102 rgb(5,49,2)
```
#074403
```
#074403 rgb(7,68,3)
```
#095703
```
#095703 rgb(9,87,3)
```
#0b6a04
```
#0b6a04 rgb(11,106,4)
```
#0d7d05
```
#0d7d05 rgb(13,125,5)
```
#0f9006
```
#0f9006 rgb(15,144,6)
```
#11a306
```
#11a306 rgb(17,163,6)
```
#13b607
```
#13b607 rgb(19,182,7)
```
#16c808
```
#16c808 rgb(22,200,8)
```
#18db09
```
#18db09 rgb(24,219,9)
```
#1aee09
```
#1aee09 rgb(26,238,9)
```

Shade Color Variation

#25f615
```
#25f615 rgb(37,246,21)
```
#37f728
```
#37f728 rgb(55,247,40)
```
#48f73b
```
#48f73b rgb(72,247,59)
```
#5af84e
```
#5af84e rgb(90,248,78)
```
#6cf961
```
#6cf961 rgb(108,249,97)
```
#7df974
```
#7df974 rgb(125,249,116)
```
#8ffa87
```
#8ffa87 rgb(143,250,135)
```
#a0fb99
```
#a0fb99 rgb(160,251,153)
```
#b2fcac
```
#b2fcac rgb(178,252,172)
```
#c4fcbf
```
#c4fcbf rgb(196,252,191)
```
#d5fdd2
```
#d5fdd2 rgb(213,253,210)
```
#e7fee5
```
#e7fee5 rgb(231,254,229)
```
#f8fff8
```
#f8fff8 rgb(248,255,248)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9daa9c
```
#9daa9c rgb(157,170,156)
```
#97b195
```
#97b195 rgb(151,177,149)
```
#91b88e
```
#91b88e rgb(145,184,142)
```
#8bbf87
```
#8bbf87 rgb(139,191,135)
```
#85c680
```
#85c680 rgb(133,198,128)
```
#7ece78
```
#7ece78 rgb(126,206,120)
```
#78d571
```
#78d571 rgb(120,213,113)
```
#72dc6a
```
#72dc6a rgb(114,220,106)
```
#6ce363
```
#6ce363 rgb(108,227,99)
```
#66ea5c
```
#66ea5c rgb(102,234,92)
```
#60f155
```
#60f155 rgb(96,241,85)
```
#5af84e
```
#5af84e rgb(90,248,78)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a3c2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4db4f Protanopia 1% of men
#ffd49b Deuteranopia 1% of men
#90e8f9 Tritanopia 0.001% of the population

Trichromacy

#bce64e Protanomaly 1% of men, 0.01% of women
#c3e17f Deuteranomaly 6% of men, 0.4% of women
#7ceebb Tritanomaly 0.01% of the population

#5af84e hex color

#5af84e Color Information

#5af84e Color Conversion

Color Schemes with #5af84e

Alternatives to #5af84e

#5af84e Preview

Shades and Tints of #5af84e

Tones of #5af84e

Color Blindness Simulator