#5afd96 hex color

In a RGB color space, hex #5afd96 is composed of 35.3% red, 99.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 40.7% yellow and 0.8% black. It has a hue angle of 142.1 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afd96 color hex could be obtained by blending #b4ffff with #00fb2d. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 99
- B 59
RGB color chart
- C 64
- M 0
- Y 41
- K 1
CMYK color chart

● #5afd96 color description : Soft cyan - lime green.

The hexadecimal color #5afd96 has RGB values of R:90, G:253, B:150 and CMYK values of C:0.64, M:0, Y:0.41, K:0.01. Its decimal value is 5963158.

Hex triplet	5afd96	`#5afd96`
RGB Decimal	90, 253, 150	`rgb(90,253,150)`
RGB Percent	35.3, 99.2, 58.8	`rgb(35.3%,99.2%,58.8%)`
CMYK	64, 0, 41, 1
HSL	142.1°, 97.6, 67.3	`hsl(142.1,97.6%,67.3%)`
HSV (or HSB)	142.1°, 64.4, 99.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	89.216, -64.27, 37.109
XYZ	44.844, 74.622, 40.893
xyY	0.28, 0.465, 74.622
CIE-LCH	89.216, 74.214, 149.998
CIE-LUV	89.216, -67.79, 62.115
Hunter-Lab	86.384, -58.509, 32.402
Binary	01011010, 11111101, 10010110

#5afd96
```
#5afd96 rgb(90,253,150)
```
#fd5ac1
```
#fd5ac1 rgb(253,90,193)
```

Complementary Color

#70fd5a
```
#70fd5a rgb(112,253,90)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#5afde8
```
#5afde8 rgb(90,253,232)
```

Analogous Color

#fd5a70
```
#fd5a70 rgb(253,90,112)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#e85afd
```
#e85afd rgb(232,90,253)
```

Split Complementary Color

#fd965a
```
#fd965a rgb(253,150,90)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#965afd
```
#965afd rgb(150,90,253)
```

Triadic Color

#c1fd5a
```
#c1fd5a rgb(193,253,90)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#965afd
```
#965afd rgb(150,90,253)
```
#fd5ac1
```
#fd5ac1 rgb(253,90,193)
```

Tetradic Color

#0efc66
```
#0efc66 rgb(14,252,102)
```
#28fc76
```
#28fc76 rgb(40,252,118)
```
#41fd86
```
#41fd86 rgb(65,253,134)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#73fda6
```
#73fda6 rgb(115,253,166)
```
#8cfeb6
```
#8cfeb6 rgb(140,254,182)
```
#a6fec6
```
#a6fec6 rgb(166,254,198)
```

Monochromatic Color

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

#5afd6d
```
#5afd6d rgb(90,253,109)
```
#5afd7b
```
#5afd7b rgb(90,253,123)
```
#5afd88
```
#5afd88 rgb(90,253,136)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#5afda4
```
#5afda4 rgb(90,253,164)
```
#5afdb1
```
#5afdb1 rgb(90,253,177)
```
#5afdbf
```
#5afdbf rgb(90,253,191)
```

Similar Colors

Text with hexadecimal color #5afd96

This text has a font color of #5afd96.

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

#5afd96 background color

This paragraph has a background color of #5afd96.

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

#5afd96 border color

This element has a border color of #5afd96.

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

CSS codes

.text {color:#5afd96;}

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

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

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

#000904
```
#000904 rgb(0,9,4)
```
#001d0b
```
#001d0b rgb(0,29,11)
```
#013012
```
#013012 rgb(1,48,18)
```
#014419
```
#014419 rgb(1,68,25)
```
#015721
```
#015721 rgb(1,87,33)
```
#016a28
```
#016a28 rgb(1,106,40)
```
#027e2f
```
#027e2f rgb(2,126,47)
```
#029137
```
#029137 rgb(2,145,55)
```
#02a43e
```
#02a43e rgb(2,164,62)
```
#02b845
```
#02b845 rgb(2,184,69)
```
#02cb4c
```
#02cb4c rgb(2,203,76)
```
#03df54
```
#03df54 rgb(3,223,84)
```
#03f25b
```
#03f25b rgb(3,242,91)
```

Shade Color Variation

#0cfc65
```
#0cfc65 rgb(12,252,101)
```
#20fc71
```
#20fc71 rgb(32,252,113)
```
#33fd7d
```
#33fd7d rgb(51,253,125)
```
#47fd8a
```
#47fd8a rgb(71,253,138)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```
#6dfda2
```
#6dfda2 rgb(109,253,162)
```
#81fdaf
```
#81fdaf rgb(129,253,175)
```
#94febb
```
#94febb rgb(148,254,187)
```
#a8fec7
```
#a8fec7 rgb(168,254,199)
```
#bbfed4
```
#bbfed4 rgb(187,254,212)
```
#cefee0
```
#cefee0 rgb(206,254,224)
```
#e2ffec
```
#e2ffec rgb(226,255,236)
```
#f5fff9
```
#f5fff9 rgb(245,255,249)
```

Tint Color Variation

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

#a7b0aa
```
#a7b0aa rgb(167,176,170)
```
#a1b6a9
```
#a1b6a9 rgb(161,182,169)
```
#9abda7
```
#9abda7 rgb(154,189,167)
```
#94c3a5
```
#94c3a5 rgb(148,195,165)
```
#8dcaa4
```
#8dcaa4 rgb(141,202,164)
```
#87d0a2
```
#87d0a2 rgb(135,208,162)
```
#81d6a0
```
#81d6a0 rgb(129,214,160)
```
#7add9e
```
#7add9e rgb(122,221,158)
```
#74e39d
```
#74e39d rgb(116,227,157)
```
#6dea9b
```
#6dea9b rgb(109,234,155)
```
#67f099
```
#67f099 rgb(103,240,153)
```
#60f798
```
#60f798 rgb(96,247,152)
```
#5afd96
```
#5afd96 rgb(90,253,150)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#accdb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5e191 Protanopia 1% of men
#ffdbbb Deuteranopia 1% of men
#97efff Tritanopia 0.001% of the population

Trichromacy

#bceb92 Protanomaly 1% of men, 0.01% of women
#c3e7ad Deuteranomaly 6% of men, 0.4% of women
#81f4d8 Tritanomaly 0.01% of the population

#5afd96 hex color

#5afd96 Color Information

#5afd96 Color Conversion

Color Schemes with #5afd96

Alternatives to #5afd96

#5afd96 Preview

Shades and Tints of #5afd96

Tones of #5afd96

Color Blindness Simulator