#5ab97d hex color

In a RGB color space, hex #5ab97d is composed of 35.3% red, 72.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 32.4% yellow and 27.5% black. It has a hue angle of 142.1 degrees, a saturation of 40.4% and a lightness of 53.9%. #5ab97d color hex could be obtained by blending #b4fffa with #007300. Closest websafe color is: #66cc66.

♥
- f
- t
- g
- R 35
- G 73
- B 49
RGB color chart
- C 51
- M 0
- Y 32
- K 27
CMYK color chart

● #5ab97d color description : Moderate cyan - lime green.

The hexadecimal color #5ab97d has RGB values of R:90, G:185, B:125 and CMYK values of C:0.51, M:0, Y:0.32, K:0.27. Its decimal value is 5945725.

Hex triplet	5ab97d	`#5ab97d`
RGB Decimal	90, 185, 125	`rgb(90,185,125)`
RGB Percent	35.3, 72.5, 49	`rgb(35.3%,72.5%,49%)`
CMYK	51, 0, 32, 27
HSL	142.1°, 40.4, 53.9	`hsl(142.1,40.4%,53.9%)`
HSV (or HSB)	142.1°, 51.4, 72.5
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.278, -41.778, 22.073
XYZ	25.266, 38.35, 25.472
xyY	0.284, 0.43, 38.35
CIE-LCH	68.278, 47.251, 152.151
CIE-LUV	68.278, -43.091, 36.871
Hunter-Lab	61.928, -35.548, 18.963
Binary	01011010, 10111001, 01111101

#5ab97d
```
#5ab97d rgb(90,185,125)
```
#b95a96
```
#b95a96 rgb(185,90,150)
```

Complementary Color

#67b95a
```
#67b95a rgb(103,185,90)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#5ab9ad
```
#5ab9ad rgb(90,185,173)
```

Analogous Color

#b95a67
```
#b95a67 rgb(185,90,103)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#ad5ab9
```
#ad5ab9 rgb(173,90,185)
```

Split Complementary Color

#b97d5a
```
#b97d5a rgb(185,125,90)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#7d5ab9
```
#7d5ab9 rgb(125,90,185)
```

Triadic Color

#96b95a
```
#96b95a rgb(150,185,90)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#7d5ab9
```
#7d5ab9 rgb(125,90,185)
```
#b95a96
```
#b95a96 rgb(185,90,150)
```

Tetradic Color

#3b8b59
```
#3b8b59 rgb(59,139,89)
```
#439d64
```
#439d64 rgb(67,157,100)
```
#4aaf6f
```
#4aaf6f rgb(74,175,111)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#6cc18b
```
#6cc18b rgb(108,193,139)
```
#7ec899
```
#7ec899 rgb(126,200,153)
```
#90d0a7
```
#90d0a7 rgb(144,208,167)
```

Monochromatic Color

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

#5ab965
```
#5ab965 rgb(90,185,101)
```
#5ab96d
```
#5ab96d rgb(90,185,109)
```
#5ab975
```
#5ab975 rgb(90,185,117)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#5ab985
```
#5ab985 rgb(90,185,133)
```
#5ab98d
```
#5ab98d rgb(90,185,141)
```
#5ab995
```
#5ab995 rgb(90,185,149)
```

Similar Colors

Text with hexadecimal color #5ab97d

This text has a font color of #5ab97d.

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

#5ab97d background color

This paragraph has a background color of #5ab97d.

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

#5ab97d border color

This element has a border color of #5ab97d.

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

CSS codes

.text {color:#5ab97d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e09
```
#060e09 rgb(6,14,9)
```
#0c1c12
```
#0c1c12 rgb(12,28,18)
```
#122a1a
```
#122a1a rgb(18,42,26)
```
#173723
```
#173723 rgb(23,55,35)
```
#1d452c
```
#1d452c rgb(29,69,44)
```
#235335
```
#235335 rgb(35,83,53)
```
#29613e
```
#29613e rgb(41,97,62)
```
#2f6e46
```
#2f6e46 rgb(47,110,70)
```
#357c4f
```
#357c4f rgb(53,124,79)
```
#3b8a58
```
#3b8a58 rgb(59,138,88)
```
#409861
```
#409861 rgb(64,152,97)
```
#46a669
```
#46a669 rgb(70,166,105)
```

Shade Color Variation

#4cb372
```
#4cb372 rgb(76,179,114)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#68bf88
```
#68bf88 rgb(104,191,136)
```
#76c593
```
#76c593 rgb(118,197,147)
```
#83cb9e
```
#83cb9e rgb(131,203,158)
```
#91d0a8
```
#91d0a8 rgb(145,208,168)
```
#9fd6b3
```
#9fd6b3 rgb(159,214,179)
```
#addcbe
```
#addcbe rgb(173,220,190)
```
#bae2c9
```
#bae2c9 rgb(186,226,201)
```
#c8e8d4
```
#c8e8d4 rgb(200,232,212)
```
#d6eedf
```
#d6eedf rgb(214,238,223)
```
#e4f3ea
```
#e4f3ea rgb(228,243,234)
```
#f1f9f4
```
#f1f9f4 rgb(241,249,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878c89 is the less saturated color, while #1bf86c is the most saturated one.

#878c89
```
#878c89 rgb(135,140,137)
```
#7e9587
```
#7e9587 rgb(126,149,135)
```
#759e84
```
#759e84 rgb(117,158,132)
```
#6ca782
```
#6ca782 rgb(108,167,130)
```
#63b07f
```
#63b07f rgb(99,176,127)
```
#5ab97d
```
#5ab97d rgb(90,185,125)
```
#51c27b
```
#51c27b rgb(81,194,123)
```
#48cb78
```
#48cb78 rgb(72,203,120)
```
#3fd476
```
#3fd476 rgb(63,212,118)
```
#36dd73
```
#36dd73 rgb(54,221,115)
```
#2de671
```
#2de671 rgb(45,230,113)
```
#24ef6f
```
#24ef6f rgb(36,239,111)
```
#1bf86c
```
#1bf86c rgb(27,248,108)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a9d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7aa7c Protanopia 1% of men
#c5a48b Deuteranopia 1% of men
#75b4c1 Tritanopia 0.001% of the population

Trichromacy

#95b07c Protanomaly 1% of men, 0.01% of women
#9eac86 Deuteranomaly 6% of men, 0.4% of women
#6bb6a8 Tritanomaly 0.01% of the population

#5ab97d hex color

#5ab97d Color Information

#5ab97d Color Conversion

Color Schemes with #5ab97d

Alternatives to #5ab97d

#5ab97d Preview

Shades and Tints of #5ab97d

Tones of #5ab97d

Color Blindness Simulator