#5afa86 hex color

In a RGB color space, hex #5afa86 is composed of 35.3% red, 98% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 46.4% yellow and 2% black. It has a hue angle of 136.5 degrees, a saturation of 94.1% and a lightness of 66.7%. #5afa86 color hex could be obtained by blending #b4ffff with #00f50d. Closest websafe color is: #66ff99.

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

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

The hexadecimal color #5afa86 has RGB values of R:90, G:250, B:134 and CMYK values of C:0.64, M:0, Y:0.46, K:0.02. Its decimal value is 5962374.

Hex triplet	5afa86	`#5afa86`
RGB Decimal	90, 250, 134	`rgb(90,250,134)`
RGB Percent	35.3, 98, 52.5	`rgb(35.3%,98%,52.5%)`
CMYK	64, 0, 46, 2
HSL	136.5°, 94.1, 66.7	`hsl(136.5,94.1%,66.7%)`
HSV (or HSB)	136.5°, 64, 98
Web Safe	66ff99	`#66ff99`

CIE-LAB	88.095, -65.734, 43.455
XYZ	42.703, 72.262, 34.251
xyY	0.286, 0.484, 72.262
CIE-LCH	88.095, 78.799, 146.533
CIE-LUV	88.095, -67.455, 69.487
Hunter-Lab	85.007, -59.095, 35.616
Binary	01011010, 11111010, 10000110

#5afa86
```
#5afa86 rgb(90,250,134)
```
#fa5ace
```
#fa5ace rgb(250,90,206)
```

Complementary Color

#7efa5a
```
#7efa5a rgb(126,250,90)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#5afad6
```
#5afad6 rgb(90,250,214)
```

Analogous Color

#fa5a7e
```
#fa5a7e rgb(250,90,126)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#d65afa
```
#d65afa rgb(214,90,250)
```

Split Complementary Color

#fa865a
```
#fa865a rgb(250,134,90)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#865afa
```
#865afa rgb(134,90,250)
```

Triadic Color

#cefa5a
```
#cefa5a rgb(206,250,90)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#865afa
```
#865afa rgb(134,90,250)
```
#fa5ace
```
#fa5ace rgb(250,90,206)
```

Tetradic Color

#10f850
```
#10f850 rgb(16,248,80)
```
#28f962
```
#28f962 rgb(40,249,98)
```
#41f974
```
#41f974 rgb(65,249,116)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#73fb98
```
#73fb98 rgb(115,251,152)
```
#8cfcaa
```
#8cfcaa rgb(140,252,170)
```
#a4fcbc
```
#a4fcbc rgb(164,252,188)
```

Monochromatic Color

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

#5afa5e
```
#5afa5e rgb(90,250,94)
```
#5afa6b
```
#5afa6b rgb(90,250,107)
```
#5afa79
```
#5afa79 rgb(90,250,121)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#5afa93
```
#5afa93 rgb(90,250,147)
```
#5afaa1
```
#5afaa1 rgb(90,250,161)
```
#5afaae
```
#5afaae rgb(90,250,174)
```

Similar Colors

Text with hexadecimal color #5afa86

This text has a font color of #5afa86.

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

#5afa86 background color

This paragraph has a background color of #5afa86.

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

#5afa86 border color

This element has a border color of #5afa86.

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

CSS codes

.text {color:#5afa86;}

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

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

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

#000602
```
#000602 rgb(0,6,2)
```
#011908
```
#011908 rgb(1,25,8)
```
#012c0d
```
#012c0d rgb(1,44,13)
```
#023f13
```
#023f13 rgb(2,63,19)
```
#025219
```
#025219 rgb(2,82,25)
```
#03661e
```
#03661e rgb(3,102,30)
```
#047924
```
#047924 rgb(4,121,36)
```
#048c29
```
#048c29 rgb(4,140,41)
```
#059f2f
```
#059f2f rgb(5,159,47)
```
#05b235
```
#05b235 rgb(5,178,53)
```
#06c53a
```
#06c53a rgb(6,197,58)
```
#07d840
```
#07d840 rgb(7,216,64)
```
#07eb46
```
#07eb46 rgb(7,235,70)
```

Shade Color Variation

#0ef84e
```
#0ef84e rgb(14,248,78)
```
#21f85c
```
#21f85c rgb(33,248,92)
```
#34f96a
```
#34f96a rgb(52,249,106)
```
#47f978
```
#47f978 rgb(71,249,120)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```
#6dfb94
```
#6dfb94 rgb(109,251,148)
```
#80fba2
```
#80fba2 rgb(128,251,162)
```
#93fcb0
```
#93fcb0 rgb(147,252,176)
```
#a6fcbe
```
#a6fcbe rgb(166,252,190)
```
#b9fdcc
```
#b9fdcc rgb(185,253,204)
```
#ccfdda
```
#ccfdda rgb(204,253,218)
```
#dffee8
```
#dffee8 rgb(223,254,232)
```
#f2fff6
```
#f2fff6 rgb(242,255,246)
```

Tint Color Variation

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

#a8aca9
```
#a8aca9 rgb(168,172,169)
```
#a2b2a6
```
#a2b2a6 rgb(162,178,166)
```
#9bb9a3
```
#9bb9a3 rgb(155,185,163)
```
#95bfa0
```
#95bfa0 rgb(149,191,160)
```
#8ec69e
```
#8ec69e rgb(142,198,158)
```
#88cc9b
```
#88cc9b rgb(136,204,155)
```
#81d398
```
#81d398 rgb(129,211,152)
```
#7bd995
```
#7bd995 rgb(123,217,149)
```
#74e092
```
#74e092 rgb(116,224,146)
```
#6ee68f
```
#6ee68f rgb(110,230,143)
```
#67ed8c
```
#67ed8c rgb(103,237,140)
```
#61f389
```
#61f389 rgb(97,243,137)
```
#5afa86
```
#5afa86 rgb(90,250,134)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a9c9b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3de82 Protanopia 1% of men
#ffd8af Deuteranopia 1% of men
#8bedfe Tritanopia 0.001% of the population

Trichromacy

#bbe883 Protanomaly 1% of men, 0.01% of women
#c3e4a0 Deuteranomaly 6% of men, 0.4% of women
#79f1d2 Tritanomaly 0.01% of the population

#5afa86 hex color

#5afa86 Color Information

#5afa86 Color Conversion

Color Schemes with #5afa86

Alternatives to #5afa86

#5afa86 Preview

Shades and Tints of #5afa86

Tones of #5afa86

Color Blindness Simulator