#5af589 hex color

In a RGB color space, hex #5af589 is composed of 35.3% red, 96.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 44.1% yellow and 3.9% black. It has a hue angle of 138.2 degrees, a saturation of 88.6% and a lightness of 65.7%. #5af589 color hex could be obtained by blending #b4ffff with #00eb13. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 96
- B 54
RGB color chart
- C 63
- M 0
- Y 44
- K 4
CMYK color chart

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

The hexadecimal color #5af589 has RGB values of R:90, G:245, B:137 and CMYK values of C:0.63, M:0, Y:0.44, K:0.04. Its decimal value is 5961097.

Hex triplet	5af589	`#5af589`
RGB Decimal	90, 245, 137	`rgb(90,245,137)`
RGB Percent	35.3, 96.1, 53.7	`rgb(35.3%,96.1%,53.7%)`
CMYK	63, 0, 44, 4
HSL	138.2°, 88.6, 65.7	`hsl(138.2,88.6%,65.7%)`
HSV (or HSB)	138.2°, 63.3, 96.1
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.643, -63.467, 40.153
XYZ	41.382, 69.281, 34.857
xyY	0.284, 0.476, 69.281
CIE-LCH	86.643, 75.102, 147.68
CIE-LUV	86.643, -65.526, 65.074
Hunter-Lab	83.235, -56.918, 33.435
Binary	01011010, 11110101, 10001001

#5af589
```
#5af589 rgb(90,245,137)
```
#f55ac6
```
#f55ac6 rgb(245,90,198)
```

Complementary Color

#79f55a
```
#79f55a rgb(121,245,90)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#5af5d7
```
#5af5d7 rgb(90,245,215)
```

Analogous Color

#f55a79
```
#f55a79 rgb(245,90,121)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#d75af5
```
#d75af5 rgb(215,90,245)
```

Split Complementary Color

#f5895a
```
#f5895a rgb(245,137,90)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#895af5
```
#895af5 rgb(137,90,245)
```

Triadic Color

#c6f55a
```
#c6f55a rgb(198,245,90)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#895af5
```
#895af5 rgb(137,90,245)
```
#f55ac6
```
#f55ac6 rgb(245,90,198)
```

Tetradic Color

#12f155
```
#12f155 rgb(18,241,85)
```
#2af267
```
#2af267 rgb(42,242,103)
```
#42f478
```
#42f478 rgb(66,244,120)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#72f69a
```
#72f69a rgb(114,246,154)
```
#8af8ab
```
#8af8ab rgb(138,248,171)
```
#a2f9bd
```
#a2f9bd rgb(162,249,189)
```

Monochromatic Color

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

#5af562
```
#5af562 rgb(90,245,98)
```
#5af56f
```
#5af56f rgb(90,245,111)
```
#5af57c
```
#5af57c rgb(90,245,124)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#5af596
```
#5af596 rgb(90,245,150)
```
#5af5a3
```
#5af5a3 rgb(90,245,163)
```
#5af5b0
```
#5af5b0 rgb(90,245,176)
```

Similar Colors

Text with hexadecimal color #5af589

This text has a font color of #5af589.

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

#5af589 background color

This paragraph has a background color of #5af589.

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

#5af589 border color

This element has a border color of #5af589.

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

CSS codes

.text {color:#5af589;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#011407
```
#011407 rgb(1,20,7)
```
#02260d
```
#02260d rgb(2,38,13)
```
#033914
```
#033914 rgb(3,57,20)
```
#054b1a
```
#054b1a rgb(5,75,26)
```
#065e20
```
#065e20 rgb(6,94,32)
```
#077027
```
#077027 rgb(7,112,39)
```
#08832d
```
#08832d rgb(8,131,45)
```
#099534
```
#099534 rgb(9,149,52)
```
#0aa83a
```
#0aa83a rgb(10,168,58)
```
#0bba40
```
#0bba40 rgb(11,186,64)
```
#0ccd47
```
#0ccd47 rgb(12,205,71)
```
#0edf4d
```
#0edf4d rgb(14,223,77)
```

Shade Color Variation

#10f154
```
#10f154 rgb(16,241,84)
```
#23f261
```
#23f261 rgb(35,242,97)
```
#35f36f
```
#35f36f rgb(53,243,111)
```
#48f47c
```
#48f47c rgb(72,244,124)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#6cf696
```
#6cf696 rgb(108,246,150)
```
#7ff7a3
```
#7ff7a3 rgb(127,247,163)
```
#91f8b1
```
#91f8b1 rgb(145,248,177)
```
#a4f9be
```
#a4f9be rgb(164,249,190)
```
#b6fbcb
```
#b6fbcb rgb(182,251,203)
```
#c9fcd8
```
#c9fcd8 rgb(201,252,216)
```
#dbfde6
```
#dbfde6 rgb(219,253,230)
```
#eefef3
```
#eefef3 rgb(238,254,243)
```

Tint Color Variation

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

#a4aba6
```
#a4aba6 rgb(164,171,166)
```
#9db2a3
```
#9db2a3 rgb(157,178,163)
```
#97b8a1
```
#97b8a1 rgb(151,184,161)
```
#90bf9e
```
#90bf9e rgb(144,191,158)
```
#89c69c
```
#89c69c rgb(137,198,156)
```
#82cd99
```
#82cd99 rgb(130,205,153)
```
#7cd396
```
#7cd396 rgb(124,211,150)
```
#75da94
```
#75da94 rgb(117,218,148)
```
#6ee191
```
#6ee191 rgb(110,225,145)
```
#67e88e
```
#67e88e rgb(103,232,142)
```
#61ee8c
```
#61ee8c rgb(97,238,140)
```
#5af589
```
#5af589 rgb(90,245,137)
```
#53fc86
```
#53fc86 rgb(83,252,134)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eeda85 Protanopia 1% of men
#ffd3a4 Deuteranopia 1% of men
#89e9f9 Tritanopia 0.001% of the population

Trichromacy

#b8e486 Protanomaly 1% of men, 0.01% of women
#c3df9a Deuteranomaly 6% of men, 0.4% of women
#78edd0 Tritanomaly 0.01% of the population

#5af589 hex color

#5af589 Color Information

#5af589 Color Conversion

Color Schemes with #5af589

Alternatives to #5af589

#5af589 Preview

Shades and Tints of #5af589

Tones of #5af589

Color Blindness Simulator