#5af59e hex color

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

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

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

The hexadecimal color #5af59e has RGB values of R:90, G:245, B:158 and CMYK values of C:0.63, M:0, Y:0.36, K:0.04. Its decimal value is 5961118.

Hex triplet	5af59e	`#5af59e`
RGB Decimal	90, 245, 158	`rgb(90,245,158)`
RGB Percent	35.3, 96.1, 62	`rgb(35.3%,96.1%,62%)`
CMYK	63, 0, 36, 4
HSL	146.3°, 88.6, 65.7	`hsl(146.3,88.6%,65.7%)`
HSV (or HSB)	146.3°, 63.3, 96.1
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.969, -59.884, 30.143
XYZ	43.038, 69.943, 43.578
xyY	0.275, 0.447, 69.943
CIE-LCH	86.969, 67.042, 153.281
CIE-LUV	86.969, -64.524, 52.467
Hunter-Lab	83.632, -54.499, 27.648
Binary	01011010, 11110101, 10011110

#5af59e
```
#5af59e rgb(90,245,158)
```
#f55ab1
```
#f55ab1 rgb(245,90,177)
```

Complementary Color

#64f55a
```
#64f55a rgb(100,245,90)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#5af5ec
```
#5af5ec rgb(90,245,236)
```

Analogous Color

#f55a64
```
#f55a64 rgb(245,90,100)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#ec5af5
```
#ec5af5 rgb(236,90,245)
```

Split Complementary Color

#f59e5a
```
#f59e5a rgb(245,158,90)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#9e5af5
```
#9e5af5 rgb(158,90,245)
```

Triadic Color

#b1f55a
```
#b1f55a rgb(177,245,90)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#9e5af5
```
#9e5af5 rgb(158,90,245)
```
#f55ab1
```
#f55ab1 rgb(245,90,177)
```

Tetradic Color

#12f174
```
#12f174 rgb(18,241,116)
```
#2af282
```
#2af282 rgb(42,242,130)
```
#42f490
```
#42f490 rgb(66,244,144)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#72f6ac
```
#72f6ac rgb(114,246,172)
```
#8af8ba
```
#8af8ba rgb(138,248,186)
```
#a2f9c8
```
#a2f9c8 rgb(162,249,200)
```

Monochromatic Color

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

#5af577
```
#5af577 rgb(90,245,119)
```
#5af584
```
#5af584 rgb(90,245,132)
```
#5af591
```
#5af591 rgb(90,245,145)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#5af5ab
```
#5af5ab rgb(90,245,171)
```
#5af5b8
```
#5af5b8 rgb(90,245,184)
```
#5af5c5
```
#5af5c5 rgb(90,245,197)
```

Similar Colors

Text with hexadecimal color #5af59e

This text has a font color of #5af59e.

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

#5af59e background color

This paragraph has a background color of #5af59e.

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

#5af59e border color

This element has a border color of #5af59e.

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

CSS codes

.text {color:#5af59e;}

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

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

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 #eefef5 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#011409
```
#011409 rgb(1,20,9)
```
#022612
```
#022612 rgb(2,38,18)
```
#03391b
```
#03391b rgb(3,57,27)
```
#054b24
```
#054b24 rgb(5,75,36)
```
#065e2c
```
#065e2c rgb(6,94,44)
```
#077035
```
#077035 rgb(7,112,53)
```
#08833e
```
#08833e rgb(8,131,62)
```
#099547
```
#099547 rgb(9,149,71)
```
#0aa84f
```
#0aa84f rgb(10,168,79)
```
#0bba58
```
#0bba58 rgb(11,186,88)
```
#0ccd61
```
#0ccd61 rgb(12,205,97)
```
#0edf6a
```
#0edf6a rgb(14,223,106)
```

Shade Color Variation

#10f173
```
#10f173 rgb(16,241,115)
```
#23f27d
```
#23f27d rgb(35,242,125)
```
#35f388
```
#35f388 rgb(53,243,136)
```
#48f493
```
#48f493 rgb(72,244,147)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#6cf6a9
```
#6cf6a9 rgb(108,246,169)
```
#7ff7b4
```
#7ff7b4 rgb(127,247,180)
```
#91f8bf
```
#91f8bf rgb(145,248,191)
```
#a4f9c9
```
#a4f9c9 rgb(164,249,201)
```
#b6fbd4
```
#b6fbd4 rgb(182,251,212)
```
#c9fcdf
```
#c9fcdf rgb(201,252,223)
```
#dbfdea
```
#dbfdea rgb(219,253,234)
```
#eefef5
```
#eefef5 rgb(238,254,245)
```

Tint Color Variation

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

#a4aba7
```
#a4aba7 rgb(164,171,167)
```
#9db2a6
```
#9db2a6 rgb(157,178,166)
```
#97b8a5
```
#97b8a5 rgb(151,184,165)
```
#90bfa5
```
#90bfa5 rgb(144,191,165)
```
#89c6a4
```
#89c6a4 rgb(137,198,164)
```
#82cda3
```
#82cda3 rgb(130,205,163)
```
#7cd3a2
```
#7cd3a2 rgb(124,211,162)
```
#75daa1
```
#75daa1 rgb(117,218,161)
```
#6ee1a0
```
#6ee1a0 rgb(110,225,160)
```
#67e8a0
```
#67e8a0 rgb(103,232,160)
```
#61ee9f
```
#61ee9f rgb(97,238,159)
```
#5af59e
```
#5af59e rgb(90,245,158)
```
#53fc9d
```
#53fc9d rgb(83,252,157)
```

Tone Color Variation

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

Dichromacy

#eddb98 Protanopia 1% of men
#ffd3af Deuteranopia 1% of men
#85eafb Tritanopia 0.001% of the population

Trichromacy

#b7e49a Protanomaly 1% of men, 0.01% of women
#c3dfa9 Deuteranomaly 6% of men, 0.4% of women
#75eed9 Tritanomaly 0.01% of the population

#5af59e hex color

#5af59e Color Information

#5af59e Color Conversion

Color Schemes with #5af59e

Alternatives to #5af59e

#5af59e Preview

Shades and Tints of #5af59e

Tones of #5af59e

Color Blindness Simulator