#5af981 hex color

In a RGB color space, hex #5af981 is composed of 35.3% red, 97.6% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 0% magenta, 48.2% yellow and 2.4% black. It has a hue angle of 134.7 degrees, a saturation of 93% and a lightness of 66.5%. #5af981 color hex could be obtained by blending #b4ffff with #00f303. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 98
- B 51
RGB color chart
- C 64
- M 0
- Y 48
- K 2
CMYK color chart

● #5af981 color description : Soft lime green.

The hexadecimal color #5af981 has RGB values of R:90, G:249, B:129 and CMYK values of C:0.64, M:0, Y:0.48, K:0.02. Its decimal value is 5962113.

Hex triplet	5af981	`#5af981`
RGB Decimal	90, 249, 129	`rgb(90,249,129)`
RGB Percent	35.3, 97.6, 50.6	`rgb(35.3%,97.6%,50.6%)`
CMYK	64, 0, 48, 2
HSL	134.7°, 93, 66.5	`hsl(134.7,93%,66.5%)`
HSV (or HSB)	134.7°, 63.9, 97.6
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.73, -66.119, 45.386
XYZ	42.052, 71.506, 32.354
xyY	0.288, 0.49, 71.506
CIE-LCH	87.73, 80.197, 145.533
CIE-LUV	87.73, -67.313, 71.599
Hunter-Lab	84.561, -59.215, 36.508
Binary	01011010, 11111001, 10000001

#5af981
```
#5af981 rgb(90,249,129)
```
#f95ad2
```
#f95ad2 rgb(249,90,210)
```

Complementary Color

#83f95a
```
#83f95a rgb(131,249,90)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#5af9d1
```
#5af9d1 rgb(90,249,209)
```

Analogous Color

#f95a83
```
#f95a83 rgb(249,90,131)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#d15af9
```
#d15af9 rgb(209,90,249)
```

Split Complementary Color

#f9815a
```
#f9815a rgb(249,129,90)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#815af9
```
#815af9 rgb(129,90,249)
```

Triadic Color

#d2f95a
```
#d2f95a rgb(210,249,90)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#815af9
```
#815af9 rgb(129,90,249)
```
#f95ad2
```
#f95ad2 rgb(249,90,210)
```

Tetradic Color

#10f649
```
#10f649 rgb(16,246,73)
```
#29f75b
```
#29f75b rgb(41,247,91)
```
#41f86e
```
#41f86e rgb(65,248,110)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#73fa94
```
#73fa94 rgb(115,250,148)
```
#8bfba7
```
#8bfba7 rgb(139,251,167)
```
#a4fcb9
```
#a4fcb9 rgb(164,252,185)
```

Monochromatic Color

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

#5bf95a
```
#5bf95a rgb(91,249,90)
```
#5af967
```
#5af967 rgb(90,249,103)
```
#5af974
```
#5af974 rgb(90,249,116)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#5af98e
```
#5af98e rgb(90,249,142)
```
#5af99c
```
#5af99c rgb(90,249,156)
```
#5af9a9
```
#5af9a9 rgb(90,249,169)
```

Similar Colors

Text with hexadecimal color #5af981

This text has a font color of #5af981.

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

#5af981 background color

This paragraph has a background color of #5af981.

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

#5af981 border color

This element has a border color of #5af981.

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

CSS codes

.text {color:#5af981;}

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

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

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

#000501
```
#000501 rgb(0,5,1)
```
#011807
```
#011807 rgb(1,24,7)
```
#022b0c
```
#022b0c rgb(2,43,12)
```
#023e11
```
#023e11 rgb(2,62,17)
```
#035116
```
#035116 rgb(3,81,22)
```
#04641b
```
#04641b rgb(4,100,27)
```
#047720
```
#047720 rgb(4,119,32)
```
#058a26
```
#058a26 rgb(5,138,38)
```
#069d2b
```
#069d2b rgb(6,157,43)
```
#06b030
```
#06b030 rgb(6,176,48)
```
#07c335
```
#07c335 rgb(7,195,53)
```
#08d63a
```
#08d63a rgb(8,214,58)
```
#08e83f
```
#08e83f rgb(8,232,63)
```

Shade Color Variation

#0ef647
```
#0ef647 rgb(14,246,71)
```
#21f756
```
#21f756 rgb(33,247,86)
```
#34f864
```
#34f864 rgb(52,248,100)
```
#47f873
```
#47f873 rgb(71,248,115)
```
#5af981
```
#5af981 rgb(90,249,129)
```
#6dfa8f
```
#6dfa8f rgb(109,250,143)
```
#80fa9e
```
#80fa9e rgb(128,250,158)
```
#93fbac
```
#93fbac rgb(147,251,172)
```
#a6fcbb
```
#a6fcbb rgb(166,252,187)
```
#b9fcc9
```
#b9fcc9 rgb(185,252,201)
```
#ccfdd8
```
#ccfdd8 rgb(204,253,216)
```
#defee6
```
#defee6 rgb(222,254,230)
```
#f1fff5
```
#f1fff5 rgb(241,255,245)
```

Tint Color Variation

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

#a9aaa9
```
#a9aaa9 rgb(169,170,169)
```
#a2b1a6
```
#a2b1a6 rgb(162,177,166)
```
#9cb7a3
```
#9cb7a3 rgb(156,183,163)
```
#95be9f
```
#95be9f rgb(149,190,159)
```
#8fc49c
```
#8fc49c rgb(143,196,156)
```
#88cb98
```
#88cb98 rgb(136,203,152)
```
#81d295
```
#81d295 rgb(129,210,149)
```
#7bd892
```
#7bd892 rgb(123,216,146)
```
#74df8e
```
#74df8e rgb(116,223,142)
```
#6ee58b
```
#6ee58b rgb(110,229,139)
```
#67ec88
```
#67ec88 rgb(103,236,136)
```
#61f284
```
#61f284 rgb(97,242,132)
```
#5af981
```
#5af981 rgb(90,249,129)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a8c8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3dd7e Protanopia 1% of men
#ffd6ab Deuteranopia 1% of men
#8bebfd Tritanopia 0.001% of the population

Trichromacy

#bbe77f Protanomaly 1% of men, 0.01% of women
#c3e39b Deuteranomaly 6% of men, 0.4% of women
#79f0d0 Tritanomaly 0.01% of the population

#5af981 hex color

#5af981 Color Information

#5af981 Color Conversion

Color Schemes with #5af981

Alternatives to #5af981

#5af981 Preview

Shades and Tints of #5af981

Tones of #5af981

Color Blindness Simulator