#5afe96 hex color

In a RGB color space, hex #5afe96 is composed of 35.3% red, 99.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 40.9% yellow and 0.4% black. It has a hue angle of 142 degrees, a saturation of 98.8% and a lightness of 67.5%. #5afe96 color hex could be obtained by blending #b4ffff with #00fd2d. Closest websafe color is: #66ff99.

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

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

The hexadecimal color #5afe96 has RGB values of R:90, G:254, B:150 and CMYK values of C:0.65, M:0, Y:0.41, K:0. Its decimal value is 5963414.

Hex triplet	5afe96	`#5afe96`
RGB Decimal	90, 254, 150	`rgb(90,254,150)`
RGB Percent	35.3, 99.6, 58.8	`rgb(35.3%,99.6%,58.8%)`
CMYK	65, 0, 41, 0
HSL	142°, 98.8, 67.5	`hsl(142,98.8%,67.5%)`
HSV (or HSB)	142°, 64.6, 99.6
Web Safe	66ff99	`#66ff99`

CIE-LAB	89.512, -64.635, 37.497
XYZ	45.16, 75.255, 40.998
xyY	0.28, 0.466, 75.255
CIE-LCH	89.512, 74.724, 149.881
CIE-LUV	89.512, -68.146, 62.69
Hunter-Lab	86.75, -58.888, 32.704
Binary	01011010, 11111110, 10010110

#5afe96
```
#5afe96 rgb(90,254,150)
```
#fe5ac2
```
#fe5ac2 rgb(254,90,194)
```

Complementary Color

#70fe5a
```
#70fe5a rgb(112,254,90)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#5afee8
```
#5afee8 rgb(90,254,232)
```

Analogous Color

#fe5a70
```
#fe5a70 rgb(254,90,112)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#e85afe
```
#e85afe rgb(232,90,254)
```

Split Complementary Color

#fe965a
```
#fe965a rgb(254,150,90)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#965afe
```
#965afe rgb(150,90,254)
```

Triadic Color

#c2fe5a
```
#c2fe5a rgb(194,254,90)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#965afe
```
#965afe rgb(150,90,254)
```
#fe5ac2
```
#fe5ac2 rgb(254,90,194)
```

Tetradic Color

#0efe66
```
#0efe66 rgb(14,254,102)
```
#27fe76
```
#27fe76 rgb(39,254,118)
```
#41fe86
```
#41fe86 rgb(65,254,134)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#73fea6
```
#73fea6 rgb(115,254,166)
```
#8dfeb6
```
#8dfeb6 rgb(141,254,182)
```
#a6fec6
```
#a6fec6 rgb(166,254,198)
```

Monochromatic Color

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

#5afe6d
```
#5afe6d rgb(90,254,109)
```
#5afe7b
```
#5afe7b rgb(90,254,123)
```
#5afe88
```
#5afe88 rgb(90,254,136)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#5afea4
```
#5afea4 rgb(90,254,164)
```
#5afeb1
```
#5afeb1 rgb(90,254,177)
```
#5afebf
```
#5afebf rgb(90,254,191)
```

Similar Colors

Text with hexadecimal color #5afe96

This text has a font color of #5afe96.

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

#5afe96 background color

This paragraph has a background color of #5afe96.

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

#5afe96 border color

This element has a border color of #5afe96.

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

CSS codes

.text {color:#5afe96;}

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

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

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, #000a04 is the darkest color, while #f6fff9 is the lightest one.

#000a04
```
#000a04 rgb(0,10,4)
```
#001e0b
```
#001e0b rgb(0,30,11)
```
#003112
```
#003112 rgb(0,49,18)
```
#004519
```
#004519 rgb(0,69,25)
```
#015821
```
#015821 rgb(1,88,33)
```
#016c28
```
#016c28 rgb(1,108,40)
```
#017f2f
```
#017f2f rgb(1,127,47)
```
#019336
```
#019336 rgb(1,147,54)
```
#01a63e
```
#01a63e rgb(1,166,62)
```
#01ba45
```
#01ba45 rgb(1,186,69)
```
#01cd4c
```
#01cd4c rgb(1,205,76)
```
#01e153
```
#01e153 rgb(1,225,83)
```
#01f45a
```
#01f45a rgb(1,244,90)
```

Shade Color Variation

#0cfe64
```
#0cfe64 rgb(12,254,100)
```
#20fe71
```
#20fe71 rgb(32,254,113)
```
#33fe7d
```
#33fe7d rgb(51,254,125)
```
#47fe8a
```
#47fe8a rgb(71,254,138)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```
#6dfea2
```
#6dfea2 rgb(109,254,162)
```
#81feaf
```
#81feaf rgb(129,254,175)
```
#94febb
```
#94febb rgb(148,254,187)
```
#a8fec8
```
#a8fec8 rgb(168,254,200)
```
#bbffd4
```
#bbffd4 rgb(187,255,212)
```
#cfffe0
```
#cfffe0 rgb(207,255,224)
```
#e2ffed
```
#e2ffed rgb(226,255,237)
```
#f6fff9
```
#f6fff9 rgb(246,255,249)
```

Tint Color Variation

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

#a7b1ab
```
#a7b1ab rgb(167,177,171)
```
#a0b8a9
```
#a0b8a9 rgb(160,184,169)
```
#9abea7
```
#9abea7 rgb(154,190,167)
```
#93c5a5
```
#93c5a5 rgb(147,197,165)
```
#8dcba4
```
#8dcba4 rgb(141,203,164)
```
#87d1a2
```
#87d1a2 rgb(135,209,162)
```
#80d8a0
```
#80d8a0 rgb(128,216,160)
```
#7ade9f
```
#7ade9f rgb(122,222,159)
```
#74e49d
```
#74e49d rgb(116,228,157)
```
#6deb9b
```
#6deb9b rgb(109,235,155)
```
#67f199
```
#67f199 rgb(103,241,153)
```
#60f898
```
#60f898 rgb(96,248,152)
```
#5afe96
```
#5afe96 rgb(90,254,150)
```

Tone Color Variation

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

#f6e291 Protanopia 1% of men
#ffdcbd Deuteranopia 1% of men
#9befff Tritanopia 0.001% of the population

Trichromacy

#bdec92 Protanomaly 1% of men, 0.01% of women
#c3e8ae Deuteranomaly 6% of men, 0.4% of women
#83f4d8 Tritanomaly 0.01% of the population

#5afe96 hex color

#5afe96 Color Information

#5afe96 Color Conversion

Color Schemes with #5afe96

Alternatives to #5afe96

#5afe96 Preview

Shades and Tints of #5afe96

Tones of #5afe96

Color Blindness Simulator