#5af58e hex color

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

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

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

The hexadecimal color #5af58e has RGB values of R:90, G:245, B:142 and CMYK values of C:0.63, M:0, Y:0.42, K:0.04. Its decimal value is 5961102.

Hex triplet	5af58e	`#5af58e`
RGB Decimal	90, 245, 142	`rgb(90,245,142)`
RGB Percent	35.3, 96.1, 55.7	`rgb(35.3%,96.1%,55.7%)`
CMYK	63, 0, 42, 4
HSL	140.1°, 88.6, 65.7	`hsl(140.1,88.6%,65.7%)`
HSV (or HSB)	140.1°, 63.3, 96.1
Web Safe	66ff99	`#66ff99`

CIE-LAB	86.715, -62.662, 37.794
XYZ	41.749, 69.428, 36.79
xyY	0.282, 0.469, 69.428
CIE-LCH	86.715, 73.178, 148.904
CIE-LUV	86.715, -65.298, 62.218
Hunter-Lab	83.323, -56.379, 32.148
Binary	01011010, 11110101, 10001110

#5af58e
```
#5af58e rgb(90,245,142)
```
#f55ac1
```
#f55ac1 rgb(245,90,193)
```

Complementary Color

#74f55a
```
#74f55a rgb(116,245,90)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#5af5dc
```
#5af5dc rgb(90,245,220)
```

Analogous Color

#f55a74
```
#f55a74 rgb(245,90,116)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#dc5af5
```
#dc5af5 rgb(220,90,245)
```

Split Complementary Color

#f58e5a
```
#f58e5a rgb(245,142,90)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#8e5af5
```
#8e5af5 rgb(142,90,245)
```

Triadic Color

#c1f55a
```
#c1f55a rgb(193,245,90)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#8e5af5
```
#8e5af5 rgb(142,90,245)
```
#f55ac1
```
#f55ac1 rgb(245,90,193)
```

Tetradic Color

#12f15d
```
#12f15d rgb(18,241,93)
```
#2af26d
```
#2af26d rgb(42,242,109)
```
#42f47e
```
#42f47e rgb(66,244,126)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#72f69e
```
#72f69e rgb(114,246,158)
```
#8af8af
```
#8af8af rgb(138,248,175)
```
#a2f9bf
```
#a2f9bf rgb(162,249,191)
```

Monochromatic Color

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

#5af567
```
#5af567 rgb(90,245,103)
```
#5af574
```
#5af574 rgb(90,245,116)
```
#5af581
```
#5af581 rgb(90,245,129)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#5af59b
```
#5af59b rgb(90,245,155)
```
#5af5a8
```
#5af5a8 rgb(90,245,168)
```
#5af5b5
```
#5af5b5 rgb(90,245,181)
```

Similar Colors

Text with hexadecimal color #5af58e

This text has a font color of #5af58e.

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

#5af58e background color

This paragraph has a background color of #5af58e.

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

#5af58e border color

This element has a border color of #5af58e.

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

CSS codes

.text {color:#5af58e;}

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

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

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)
```
#02260e
```
#02260e rgb(2,38,14)
```
#033915
```
#033915 rgb(3,57,21)
```
#054b1c
```
#054b1c rgb(5,75,28)
```
#065e23
```
#065e23 rgb(6,94,35)
```
#07702a
```
#07702a rgb(7,112,42)
```
#088331
```
#088331 rgb(8,131,49)
```
#099538
```
#099538 rgb(9,149,56)
```
#0aa83f
```
#0aa83f rgb(10,168,63)
```
#0bba46
```
#0bba46 rgb(11,186,70)
```
#0ccd4d
```
#0ccd4d rgb(12,205,77)
```
#0edf54
```
#0edf54 rgb(14,223,84)
```

Shade Color Variation

#10f15b
```
#10f15b rgb(16,241,91)
```
#23f268
```
#23f268 rgb(35,242,104)
```
#35f375
```
#35f375 rgb(53,243,117)
```
#48f481
```
#48f481 rgb(72,244,129)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#6cf69b
```
#6cf69b rgb(108,246,155)
```
#7ff7a7
```
#7ff7a7 rgb(127,247,167)
```
#91f8b4
```
#91f8b4 rgb(145,248,180)
```
#a4f9c1
```
#a4f9c1 rgb(164,249,193)
```
#b6fbcd
```
#b6fbcd rgb(182,251,205)
```
#c9fcda
```
#c9fcda rgb(201,252,218)
```
#dbfde7
```
#dbfde7 rgb(219,253,231)
```
#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 #53fc8c is the most saturated one.

#a4aba6
```
#a4aba6 rgb(164,171,166)
```
#9db2a4
```
#9db2a4 rgb(157,178,164)
```
#97b8a2
```
#97b8a2 rgb(151,184,162)
```
#90bfa0
```
#90bfa0 rgb(144,191,160)
```
#89c69e
```
#89c69e rgb(137,198,158)
```
#82cd9b
```
#82cd9b rgb(130,205,155)
```
#7cd399
```
#7cd399 rgb(124,211,153)
```
#75da97
```
#75da97 rgb(117,218,151)
```
#6ee195
```
#6ee195 rgb(110,225,149)
```
#67e892
```
#67e892 rgb(103,232,146)
```
#61ee90
```
#61ee90 rgb(97,238,144)
```
#5af58e
```
#5af58e rgb(90,245,142)
```
#53fc8c
```
#53fc8c rgb(83,252,140)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a8c7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedb8a Protanopia 1% of men
#ffd3a7 Deuteranopia 1% of men
#88e9fa Tritanopia 0.001% of the population

Trichromacy

#b8e48b Protanomaly 1% of men, 0.01% of women
#c3df9e Deuteranomaly 6% of men, 0.4% of women
#77edd2 Tritanomaly 0.01% of the population

#5af58e hex color

#5af58e Color Information

#5af58e Color Conversion

Color Schemes with #5af58e

Alternatives to #5af58e

#5af58e Preview

Shades and Tints of #5af58e

Tones of #5af58e

Color Blindness Simulator