#5aba7f hex color

In a RGB color space, hex #5aba7f is composed of 35.3% red, 72.9% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 31.7% yellow and 27.1% black. It has a hue angle of 143.1 degrees, a saturation of 41% and a lightness of 54.1%. #5aba7f color hex could be obtained by blending #b4fffe with #007500. Closest websafe color is: #66cc66.

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

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

The hexadecimal color #5aba7f has RGB values of R:90, G:186, B:127 and CMYK values of C:0.52, M:0, Y:0.32, K:0.27. Its decimal value is 5945983.

Hex triplet	5aba7f	`#5aba7f`
RGB Decimal	90, 186, 127	`rgb(90,186,127)`
RGB Percent	35.3, 72.9, 49.8	`rgb(35.3%,72.9%,49.8%)`
CMYK	52, 0, 32, 27
HSL	143.1°, 41, 54.1	`hsl(143.1,41%,54.1%)`
HSV (or HSB)	143.1°, 51.6, 72.9
Web Safe	66cc66	`#66cc66`

CIE-LAB	68.622, -41.829, 21.469
XYZ	25.605, 38.822, 26.222
xyY	0.282, 0.428, 38.822
CIE-LCH	68.622, 47.017, 152.831
CIE-LUV	68.622, -43.42, 36.17
Hunter-Lab	62.307, -35.685, 18.663
Binary	01011010, 10111010, 01111111

#5aba7f
```
#5aba7f rgb(90,186,127)
```
#ba5a95
```
#ba5a95 rgb(186,90,149)
```

Complementary Color

#65ba5a
```
#65ba5a rgb(101,186,90)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#5abaaf
```
#5abaaf rgb(90,186,175)
```

Analogous Color

#ba5a65
```
#ba5a65 rgb(186,90,101)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#af5aba
```
#af5aba rgb(175,90,186)
```

Split Complementary Color

#ba7f5a
```
#ba7f5a rgb(186,127,90)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#7f5aba
```
#7f5aba rgb(127,90,186)
```

Triadic Color

#95ba5a
```
#95ba5a rgb(149,186,90)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#7f5aba
```
#7f5aba rgb(127,90,186)
```
#ba5a95
```
#ba5a95 rgb(186,90,149)
```

Tetradic Color

#3b8d5a
```
#3b8d5a rgb(59,141,90)
```
#429f66
```
#429f66 rgb(66,159,102)
```
#4ab171
```
#4ab171 rgb(74,177,113)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#6cc28d
```
#6cc28d rgb(108,194,141)
```
#7ec99b
```
#7ec99b rgb(126,201,155)
```
#90d1a9
```
#90d1a9 rgb(144,209,169)
```

Monochromatic Color

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

#5aba67
```
#5aba67 rgb(90,186,103)
```
#5aba6f
```
#5aba6f rgb(90,186,111)
```
#5aba77
```
#5aba77 rgb(90,186,119)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#5aba87
```
#5aba87 rgb(90,186,135)
```
#5aba8f
```
#5aba8f rgb(90,186,143)
```
#5aba97
```
#5aba97 rgb(90,186,151)
```

Similar Colors

Text with hexadecimal color #5aba7f

This text has a font color of #5aba7f.

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

#5aba7f background color

This paragraph has a background color of #5aba7f.

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

#5aba7f border color

This element has a border color of #5aba7f.

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

CSS codes

.text {color:#5aba7f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0a
```
#060f0a rgb(6,15,10)
```
#0c1d12
```
#0c1d12 rgb(12,29,18)
```
#122a1b
```
#122a1b rgb(18,42,27)
```
#183824
```
#183824 rgb(24,56,36)
```
#1d462d
```
#1d462d rgb(29,70,45)
```
#235436
```
#235436 rgb(35,84,54)
```
#29623f
```
#29623f rgb(41,98,63)
```
#2f7048
```
#2f7048 rgb(47,112,72)
```
#347d51
```
#347d51 rgb(52,125,81)
```
#3a8b59
```
#3a8b59 rgb(58,139,89)
```
#409962
```
#409962 rgb(64,153,98)
```
#46a76b
```
#46a76b rgb(70,167,107)
```

Shade Color Variation

#4cb474
```
#4cb474 rgb(76,180,116)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#68c08a
```
#68c08a rgb(104,192,138)
```
#76c694
```
#76c694 rgb(118,198,148)
```
#83cb9f
```
#83cb9f rgb(131,203,159)
```
#91d1aa
```
#91d1aa rgb(145,209,170)
```
#9fd7b5
```
#9fd7b5 rgb(159,215,181)
```
#adddbf
```
#adddbf rgb(173,221,191)
```
#bbe2ca
```
#bbe2ca rgb(187,226,202)
```
#c9e8d5
```
#c9e8d5 rgb(201,232,213)
```
#d6eee0
```
#d6eee0 rgb(214,238,224)
```
#e4f4ea
```
#e4f4ea rgb(228,244,234)
```
#f2faf5
```
#f2faf5 rgb(242,250,245)
```

Tint Color Variation

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

#878d89
```
#878d89 rgb(135,141,137)
```
#7e9687
```
#7e9687 rgb(126,150,135)
```
#759f85
```
#759f85 rgb(117,159,133)
```
#6ca883
```
#6ca883 rgb(108,168,131)
```
#63b181
```
#63b181 rgb(99,177,129)
```
#5aba7f
```
#5aba7f rgb(90,186,127)
```
#51c37d
```
#51c37d rgb(81,195,125)
```
#48cc7b
```
#48cc7b rgb(72,204,123)
```
#3fd579
```
#3fd579 rgb(63,213,121)
```
#36de77
```
#36de77 rgb(54,222,119)
```
#2de775
```
#2de775 rgb(45,231,117)
```
#24f073
```
#24f073 rgb(36,240,115)
```
#1bf971
```
#1bf971 rgb(27,249,113)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9e92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ab7e Protanopia 1% of men
#c6a58d Deuteranopia 1% of men
#75b5c2 Tritanopia 0.001% of the population

Trichromacy

#96b07e Protanomaly 1% of men, 0.01% of women
#9fad88 Deuteranomaly 6% of men, 0.4% of women
#6bb7aa Tritanomaly 0.01% of the population

#5aba7f hex color

#5aba7f Color Information

#5aba7f Color Conversion

Color Schemes with #5aba7f

Alternatives to #5aba7f

#5aba7f Preview

Shades and Tints of #5aba7f

Tones of #5aba7f

Color Blindness Simulator