#5af989 hex color

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

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

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

The hexadecimal color #5af989 has RGB values of R:90, G:249, B:137 and CMYK values of C:0.64, M:0, Y:0.45, K:0.02. Its decimal value is 5962121.

Hex triplet	5af989	`#5af989`
RGB Decimal	90, 249, 137	`rgb(90,249,137)`
RGB Percent	35.3, 97.6, 53.7	`rgb(35.3%,97.6%,53.7%)`
CMYK	64, 0, 45, 2
HSL	137.7°, 93, 66.5	`hsl(137.7,93%,66.5%)`
HSV (or HSB)	137.7°, 63.9, 97.6
Web Safe	66ff99	`#66ff99`

CIE-LAB	87.837, -64.917, 41.681
XYZ	42.605, 71.727, 35.265
xyY	0.285, 0.479, 71.727
CIE-LCH	87.837, 77.146, 147.297
CIE-LUV	87.837, -66.964, 67.299
Hunter-Lab	84.692, -58.416, 34.597
Binary	01011010, 11111001, 10001001

#5af989
```
#5af989 rgb(90,249,137)
```
#f95aca
```
#f95aca rgb(249,90,202)
```

Complementary Color

#7bf95a
```
#7bf95a rgb(123,249,90)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#5af9d9
```
#5af9d9 rgb(90,249,217)
```

Analogous Color

#f95a7b
```
#f95a7b rgb(249,90,123)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#d95af9
```
#d95af9 rgb(217,90,249)
```

Split Complementary Color

#f9895a
```
#f9895a rgb(249,137,90)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#895af9
```
#895af9 rgb(137,90,249)
```

Triadic Color

#caf95a
```
#caf95a rgb(202,249,90)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#895af9
```
#895af9 rgb(137,90,249)
```
#f95aca
```
#f95aca rgb(249,90,202)
```

Tetradic Color

#10f654
```
#10f654 rgb(16,246,84)
```
#29f766
```
#29f766 rgb(41,247,102)
```
#41f877
```
#41f877 rgb(65,248,119)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#73fa9b
```
#73fa9b rgb(115,250,155)
```
#8bfbac
```
#8bfbac rgb(139,251,172)
```
#a4fcbe
```
#a4fcbe rgb(164,252,190)
```

Monochromatic Color

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

#5af961
```
#5af961 rgb(90,249,97)
```
#5af96f
```
#5af96f rgb(90,249,111)
```
#5af97c
```
#5af97c rgb(90,249,124)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#5af996
```
#5af996 rgb(90,249,150)
```
#5af9a4
```
#5af9a4 rgb(90,249,164)
```
#5af9b1
```
#5af9b1 rgb(90,249,177)
```

Similar Colors

Text with hexadecimal color #5af989

This text has a font color of #5af989.

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

#5af989 background color

This paragraph has a background color of #5af989.

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

#5af989 border color

This element has a border color of #5af989.

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

CSS codes

.text {color:#5af989;}

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

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

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

#000502
```
#000502 rgb(0,5,2)
```
#011808
```
#011808 rgb(1,24,8)
```
#022b0e
```
#022b0e rgb(2,43,14)
```
#023e14
```
#023e14 rgb(2,62,20)
```
#03511a
```
#03511a rgb(3,81,26)
```
#046420
```
#046420 rgb(4,100,32)
```
#047726
```
#047726 rgb(4,119,38)
```
#058a2c
```
#058a2c rgb(5,138,44)
```
#069d32
```
#069d32 rgb(6,157,50)
```
#06b038
```
#06b038 rgb(6,176,56)
```
#07c33f
```
#07c33f rgb(7,195,63)
```
#08d645
```
#08d645 rgb(8,214,69)
```
#08e84b
```
#08e84b rgb(8,232,75)
```

Shade Color Variation

#0ef653
```
#0ef653 rgb(14,246,83)
```
#21f760
```
#21f760 rgb(33,247,96)
```
#34f86e
```
#34f86e rgb(52,248,110)
```
#47f87b
```
#47f87b rgb(71,248,123)
```
#5af989
```
#5af989 rgb(90,249,137)
```
#6dfa97
```
#6dfa97 rgb(109,250,151)
```
#80faa4
```
#80faa4 rgb(128,250,164)
```
#93fbb2
```
#93fbb2 rgb(147,251,178)
```
#a6fcbf
```
#a6fcbf rgb(166,252,191)
```
#b9fccd
```
#b9fccd rgb(185,252,205)
```
#ccfdda
```
#ccfdda rgb(204,253,218)
```
#defee8
```
#defee8 rgb(222,254,232)
```
#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 #5af989 is the most saturated one.

#a9aaa9
```
#a9aaa9 rgb(169,170,169)
```
#a2b1a7
```
#a2b1a7 rgb(162,177,167)
```
#9cb7a4
```
#9cb7a4 rgb(156,183,164)
```
#95bea1
```
#95bea1 rgb(149,190,161)
```
#8fc49f
```
#8fc49f rgb(143,196,159)
```
#88cb9c
```
#88cb9c rgb(136,203,156)
```
#81d299
```
#81d299 rgb(129,210,153)
```
#7bd896
```
#7bd896 rgb(123,216,150)
```
#74df94
```
#74df94 rgb(116,223,148)
```
#6ee591
```
#6ee591 rgb(110,229,145)
```
#67ec8e
```
#67ec8e rgb(103,236,142)
```
#61f28c
```
#61f28c rgb(97,242,140)
```
#5af989
```
#5af989 rgb(90,249,137)
```

Tone Color Variation

Below, you can see how #5af989 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
#a9c9b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2de85 Protanopia 1% of men
#ffd7ad Deuteranopia 1% of men
#8aecfd Tritanopia 0.001% of the population

Trichromacy

#bbe786 Protanomaly 1% of men, 0.01% of women
#c3e3a0 Deuteranomaly 6% of men, 0.4% of women
#78f1d3 Tritanomaly 0.01% of the population

#5af989 hex color

#5af989 Color Information

#5af989 Color Conversion

Color Schemes with #5af989

Alternatives to #5af989

#5af989 Preview

Shades and Tints of #5af989

Tones of #5af989

Color Blindness Simulator