#5ab1aa hex color

In a RGB color space, hex #5ab1aa is composed of 35.3% red, 69.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 0% magenta, 4% yellow and 30.6% black. It has a hue angle of 175.2 degrees, a saturation of 35.8% and a lightness of 52.4%. #5ab1aa color hex could be obtained by blending #b4ffff with #006355. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 69
- B 67
RGB color chart
- C 49
- M 0
- Y 4
- K 31
CMYK color chart

● #5ab1aa color description : Dark moderate cyan.

The hexadecimal color #5ab1aa has RGB values of R:90, G:177, B:170 and CMYK values of C:0.49, M:0, Y:0.04, K:0.31. Its decimal value is 5943722.

Hex triplet	5ab1aa	`#5ab1aa`
RGB Decimal	90, 177, 170	`rgb(90,177,170)`
RGB Percent	35.3, 69.4, 66.7	`rgb(35.3%,69.4%,66.7%)`
CMYK	49, 0, 4, 31
HSL	175.2°, 35.8, 52.4	`hsl(175.2,35.8%,52.4%)`
HSV (or HSB)	175.2°, 49.2, 69.4
Web Safe	669999	`#669999`

CIE-LAB	66.914, -27.927, -4.508
XYZ	27.192, 36.518, 43.644
xyY	0.253, 0.34, 36.518
CIE-LCH	66.914, 28.288, 189.17
CIE-LUV	66.914, -38.061, -2.382
Hunter-Lab	60.43, -25.433, -0.519
Binary	01011010, 10110001, 10101010

#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#b15a61
```
#b15a61 rgb(177,90,97)
```

Complementary Color

#5ab17f
```
#5ab17f rgb(90,177,127)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#5a8db1
```
#5a8db1 rgb(90,141,177)
```

Analogous Color

#b17f5a
```
#b17f5a rgb(177,127,90)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#b15a8d
```
#b15a8d rgb(177,90,141)
```

Split Complementary Color

#b1aa5a
```
#b1aa5a rgb(177,170,90)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#aa5ab1
```
#aa5ab1 rgb(170,90,177)
```

Triadic Color

#61b15a
```
#61b15a rgb(97,177,90)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#aa5ab1
```
#aa5ab1 rgb(170,90,177)
```
#b15a61
```
#b15a61 rgb(177,90,97)
```

Tetradic Color

#3d817c
```
#3d817c rgb(61,129,124)
```
#45938c
```
#45938c rgb(69,147,140)
```
#4ea49d
```
#4ea49d rgb(78,164,157)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#6bb9b3
```
#6bb9b3 rgb(107,185,179)
```
#7dc1bc
```
#7dc1bc rgb(125,193,188)
```
#8ecac5
```
#8ecac5 rgb(142,202,197)
```

Monochromatic Color

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

#5ab194
```
#5ab194 rgb(90,177,148)
```
#5ab19c
```
#5ab19c rgb(90,177,156)
```
#5ab1a3
```
#5ab1a3 rgb(90,177,163)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#5ab1b1
```
#5ab1b1 rgb(90,177,177)
```
#5aaab1
```
#5aaab1 rgb(90,170,177)
```
#5aa2b1
```
#5aa2b1 rgb(90,162,177)
```

Similar Colors

Text with hexadecimal color #5ab1aa

This text has a font color of #5ab1aa.

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

#5ab1aa background color

This paragraph has a background color of #5ab1aa.

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

#5ab1aa border color

This element has a border color of #5ab1aa.

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

CSS codes

.text {color:#5ab1aa;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1515
```
#0a1515 rgb(10,21,21)
```
#102321
```
#102321 rgb(16,35,33)
```
#17302e
```
#17302e rgb(23,48,46)
```
#1d3d3b
```
#1d3d3b rgb(29,61,59)
```
#234b48
```
#234b48 rgb(35,75,72)
```
#2a5854
```
#2a5854 rgb(42,88,84)
```
#306561
```
#306561 rgb(48,101,97)
```
#36736e
```
#36736e rgb(54,115,110)
```
#3d807b
```
#3d807b rgb(61,128,123)
```
#438d87
```
#438d87 rgb(67,141,135)
```
#499b94
```
#499b94 rgb(73,155,148)
```
#4fa8a1
```
#4fa8a1 rgb(79,168,161)
```

Shade Color Variation

#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#67b7b1
```
#67b7b1 rgb(103,183,177)
```
#75beb8
```
#75beb8 rgb(117,190,184)
```
#82c4bf
```
#82c4bf rgb(130,196,191)
```
#8fcac5
```
#8fcac5 rgb(143,202,197)
```
#9dd0cc
```
#9dd0cc rgb(157,208,204)
```
#aad7d3
```
#aad7d3 rgb(170,215,211)
```
#b7ddda
```
#b7ddda rgb(183,221,218)
```
#c5e3e1
```
#c5e3e1 rgb(197,227,225)
```
#d2eae8
```
#d2eae8 rgb(210,234,232)
```
#dff0ef
```
#dff0ef rgb(223,240,239)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8c8b is the less saturated color, while #0ffce9 is the most saturated one.

#7f8c8b
```
#7f8c8b rgb(127,140,139)
```
#769592
```
#769592 rgb(118,149,146)
```
#6d9e9a
```
#6d9e9a rgb(109,158,154)
```
#63a8a2
```
#63a8a2 rgb(99,168,162)
```
#5ab1aa
```
#5ab1aa rgb(90,177,170)
```
#51bab2
```
#51bab2 rgb(81,186,178)
```
#47c4ba
```
#47c4ba rgb(71,196,186)
```
#3ecdc2
```
#3ecdc2 rgb(62,205,194)
```
#35d6c9
```
#35d6c9 rgb(53,214,201)
```
#2be0d1
```
#2be0d1 rgb(43,224,209)
```
#22e9d9
```
#22e9d9 rgb(34,233,217)
```
#19f2e1
```
#19f2e1 rgb(25,242,225)
```
#0ffce9
```
#0ffce9 rgb(15,252,233)
```

Tone Color Variation

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

Dichromacy

#aaa6a6 Protanopia 1% of men
#b0a3b4 Deuteranopia 1% of men
#69b2bf Tritanopia 0.001% of the population

Trichromacy

#8daaa7 Protanomaly 1% of men, 0.01% of women
#91a8b0 Deuteranomaly 6% of men, 0.4% of women
#63b1b7 Tritanomaly 0.01% of the population

#5ab1aa hex color

#5ab1aa Color Information

#5ab1aa Color Conversion

Color Schemes with #5ab1aa

Alternatives to #5ab1aa

#5ab1aa Preview

Shades and Tints of #5ab1aa

Tones of #5ab1aa

Color Blindness Simulator