#5aba9e hex color

In a RGB color space, hex #5aba9e is composed of 35.3% red, 72.9% green and 62% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 0% magenta, 15.1% yellow and 27.1% black. It has a hue angle of 162.5 degrees, a saturation of 41% and a lightness of 54.1%. #5aba9e color hex could be obtained by blending #b4ffff with #00753d. Closest websafe color is: #66cc99.

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

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

The hexadecimal color #5aba9e has RGB values of R:90, G:186, B:158 and CMYK values of C:0.52, M:0, Y:0.15, K:0.27. Its decimal value is 5946014.

Hex triplet	5aba9e	`#5aba9e`
RGB Decimal	90, 186, 158	`rgb(90,186,158)`
RGB Percent	35.3, 72.9, 62	`rgb(35.3%,72.9%,62%)`
CMYK	52, 0, 15, 27
HSL	162.5°, 41, 54.1	`hsl(162.5,41%,54.1%)`
HSV (or HSB)	162.5°, 51.6, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.297, -35.185, 5.579
XYZ	27.945, 39.758, 38.547
xyY	0.263, 0.374, 39.758
CIE-LCH	69.297, 35.624, 170.989
CIE-LUV	69.297, -42.14, 13.725
Hunter-Lab	63.054, -31.235, 7.892
Binary	01011010, 10111010, 10011110

#5aba9e
```
#5aba9e rgb(90,186,158)
```
#ba5a76
```
#ba5a76 rgb(186,90,118)
```

Complementary Color

#5aba6e
```
#5aba6e rgb(90,186,110)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#5aa6ba
```
#5aa6ba rgb(90,166,186)
```

Analogous Color

#ba6e5a
```
#ba6e5a rgb(186,110,90)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#ba5aa6
```
#ba5aa6 rgb(186,90,166)
```

Split Complementary Color

#ba9e5a
```
#ba9e5a rgb(186,158,90)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#9e5aba
```
#9e5aba rgb(158,90,186)
```

Triadic Color

#76ba5a
```
#76ba5a rgb(118,186,90)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#9e5aba
```
#9e5aba rgb(158,90,186)
```
#ba5a76
```
#ba5a76 rgb(186,90,118)
```

Tetradic Color

#3b8d75
```
#3b8d75 rgb(59,141,117)
```
#429f84
```
#429f84 rgb(66,159,132)
```
#4ab193
```
#4ab193 rgb(74,177,147)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#6cc2a9
```
#6cc2a9 rgb(108,194,169)
```
#7ec9b3
```
#7ec9b3 rgb(126,201,179)
```
#90d1be
```
#90d1be rgb(144,209,190)
```

Monochromatic Color

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

#5aba86
```
#5aba86 rgb(90,186,134)
```
#5aba8e
```
#5aba8e rgb(90,186,142)
```
#5aba96
```
#5aba96 rgb(90,186,150)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#5abaa6
```
#5abaa6 rgb(90,186,166)
```
#5abaae
```
#5abaae rgb(90,186,174)
```
#5abab6
```
#5abab6 rgb(90,186,182)
```

Similar Colors

Text with hexadecimal color #5aba9e

This text has a font color of #5aba9e.

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

#5aba9e background color

This paragraph has a background color of #5aba9e.

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

#5aba9e border color

This element has a border color of #5aba9e.

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

CSS codes

.text {color:#5aba9e;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0c
```
#060f0c rgb(6,15,12)
```
#0c1d18
```
#0c1d18 rgb(12,29,24)
```
#122a23
```
#122a23 rgb(18,42,35)
```
#18382f
```
#18382f rgb(24,56,47)
```
#1d463a
```
#1d463a rgb(29,70,58)
```
#235446
```
#235446 rgb(35,84,70)
```
#296251
```
#296251 rgb(41,98,81)
```
#2f705d
```
#2f705d rgb(47,112,93)
```
#347d68
```
#347d68 rgb(52,125,104)
```
#3a8b74
```
#3a8b74 rgb(58,139,116)
```
#40997f
```
#40997f rgb(64,153,127)
```
#46a78b
```
#46a78b rgb(70,167,139)
```

Shade Color Variation

#4cb496
```
#4cb496 rgb(76,180,150)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#68c0a6
```
#68c0a6 rgb(104,192,166)
```
#76c6ae
```
#76c6ae rgb(118,198,174)
```
#83cbb6
```
#83cbb6 rgb(131,203,182)
```
#91d1bf
```
#91d1bf rgb(145,209,191)
```
#9fd7c7
```
#9fd7c7 rgb(159,215,199)
```
#adddcf
```
#adddcf rgb(173,221,207)
```
#bbe2d7
```
#bbe2d7 rgb(187,226,215)
```
#c9e8df
```
#c9e8df rgb(201,232,223)
```
#d6eee7
```
#d6eee7 rgb(214,238,231)
```
#e4f4ef
```
#e4f4ef rgb(228,244,239)
```
#f2faf7
```
#f2faf7 rgb(242,250,247)
```

Tint Color Variation

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

#878d8b
```
#878d8b rgb(135,141,139)
```
#7e968f
```
#7e968f rgb(126,150,143)
```
#759f93
```
#759f93 rgb(117,159,147)
```
#6ca897
```
#6ca897 rgb(108,168,151)
```
#63b19a
```
#63b19a rgb(99,177,154)
```
#5aba9e
```
#5aba9e rgb(90,186,158)
```
#51c3a2
```
#51c3a2 rgb(81,195,162)
```
#48cca6
```
#48cca6 rgb(72,204,166)
```
#3fd5a9
```
#3fd5a9 rgb(63,213,169)
```
#36dead
```
#36dead rgb(54,222,173)
```
#2de7b1
```
#2de7b1 rgb(45,231,177)
```
#24f0b5
```
#24f0b5 rgb(36,240,181)
```
#1bf9b8
```
#1bf9b8 rgb(27,249,184)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8da09b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ad9a Protanopia 1% of men
#bea8aa Deuteranopia 1% of men
#6fb8c5 Tritanopia 0.001% of the population

Trichromacy

#93b19c Protanomaly 1% of men, 0.01% of women
#9aaea5 Deuteranomaly 6% of men, 0.4% of women
#67b9b7 Tritanomaly 0.01% of the population

#5aba9e hex color

#5aba9e Color Information

#5aba9e Color Conversion

Color Schemes with #5aba9e

Alternatives to #5aba9e

#5aba9e Preview

Shades and Tints of #5aba9e

Tones of #5aba9e

Color Blindness Simulator