#5ab9ac hex color

In a RGB color space, hex #5ab9ac is composed of 35.3% red, 72.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 0% magenta, 7% yellow and 27.5% black. It has a hue angle of 171.8 degrees, a saturation of 40.4% and a lightness of 53.9%. #5ab9ac color hex could be obtained by blending #b4ffff with #007359. Closest websafe color is: #66cc99.

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

● #5ab9ac color description : Moderate cyan.

The hexadecimal color #5ab9ac has RGB values of R:90, G:185, B:172 and CMYK values of C:0.51, M:0, Y:0.07, K:0.27. Its decimal value is 5945772.

Hex triplet	5ab9ac	`#5ab9ac`
RGB Decimal	90, 185, 172	`rgb(90,185,172)`
RGB Percent	35.3, 72.5, 67.5	`rgb(35.3%,72.5%,67.5%)`
CMYK	51, 0, 7, 27
HSL	171.8°, 40.4, 53.9	`hsl(171.8,40.4%,53.9%)`
HSV (or HSB)	171.8°, 51.4, 72.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.361, -31.292, -2.01
XYZ	29.01, 39.848, 45.19
xyY	0.254, 0.349, 39.848
CIE-LCH	69.361, 31.357, 183.676
CIE-LUV	69.361, -41.134, 1.915
Hunter-Lab	63.125, -28.439, 1.743
Binary	01011010, 10111001, 10101100

#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#b95a67
```
#b95a67 rgb(185,90,103)
```

Complementary Color

#5ab97d
```
#5ab97d rgb(90,185,125)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#5a97b9
```
#5a97b9 rgb(90,151,185)
```

Analogous Color

#b97d5a
```
#b97d5a rgb(185,125,90)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#b95a97
```
#b95a97 rgb(185,90,151)
```

Split Complementary Color

#b9ac5a
```
#b9ac5a rgb(185,172,90)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#ac5ab9
```
#ac5ab9 rgb(172,90,185)
```

Triadic Color

#67b95a
```
#67b95a rgb(103,185,90)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#ac5ab9
```
#ac5ab9 rgb(172,90,185)
```
#b95a67
```
#b95a67 rgb(185,90,103)
```

Tetradic Color

#3b8b80
```
#3b8b80 rgb(59,139,128)
```
#439d91
```
#439d91 rgb(67,157,145)
```
#4aafa1
```
#4aafa1 rgb(74,175,161)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#6cc1b5
```
#6cc1b5 rgb(108,193,181)
```
#7ec8be
```
#7ec8be rgb(126,200,190)
```
#90d0c7
```
#90d0c7 rgb(144,208,199)
```

Monochromatic Color

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

#5ab994
```
#5ab994 rgb(90,185,148)
```
#5ab99c
```
#5ab99c rgb(90,185,156)
```
#5ab9a4
```
#5ab9a4 rgb(90,185,164)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#5ab9b4
```
#5ab9b4 rgb(90,185,180)
```
#5ab6b9
```
#5ab6b9 rgb(90,182,185)
```
#5aaeb9
```
#5aaeb9 rgb(90,174,185)
```

Similar Colors

Text with hexadecimal color #5ab9ac

This text has a font color of #5ab9ac.

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

#5ab9ac background color

This paragraph has a background color of #5ab9ac.

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

#5ab9ac border color

This element has a border color of #5ab9ac.

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

CSS codes

.text {color:#5ab9ac;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0d
```
#060e0d rgb(6,14,13)
```
#0c1c1a
```
#0c1c1a rgb(12,28,26)
```
#122a26
```
#122a26 rgb(18,42,38)
```
#173733
```
#173733 rgb(23,55,51)
```
#1d4540
```
#1d4540 rgb(29,69,64)
```
#23534c
```
#23534c rgb(35,83,76)
```
#296159
```
#296159 rgb(41,97,89)
```
#2f6e66
```
#2f6e66 rgb(47,110,102)
```
#357c72
```
#357c72 rgb(53,124,114)
```
#3b8a7f
```
#3b8a7f rgb(59,138,127)
```
#40988c
```
#40988c rgb(64,152,140)
```
#46a698
```
#46a698 rgb(70,166,152)
```

Shade Color Variation

#4cb3a5
```
#4cb3a5 rgb(76,179,165)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#68bfb3
```
#68bfb3 rgb(104,191,179)
```
#76c5ba
```
#76c5ba rgb(118,197,186)
```
#83cbc1
```
#83cbc1 rgb(131,203,193)
```
#91d0c8
```
#91d0c8 rgb(145,208,200)
```
#9fd6cf
```
#9fd6cf rgb(159,214,207)
```
#addcd6
```
#addcd6 rgb(173,220,214)
```
#bae2dc
```
#bae2dc rgb(186,226,220)
```
#c8e8e3
```
#c8e8e3 rgb(200,232,227)
```
#d6eeea
```
#d6eeea rgb(214,238,234)
```
#e4f3f1
```
#e4f3f1 rgb(228,243,241)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```

Tint Color Variation

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

#878c8b
```
#878c8b rgb(135,140,139)
```
#7e9592
```
#7e9592 rgb(126,149,146)
```
#759e98
```
#759e98 rgb(117,158,152)
```
#6ca79f
```
#6ca79f rgb(108,167,159)
```
#63b0a5
```
#63b0a5 rgb(99,176,165)
```
#5ab9ac
```
#5ab9ac rgb(90,185,172)
```
#51c2b3
```
#51c2b3 rgb(81,194,179)
```
#48cbb9
```
#48cbb9 rgb(72,203,185)
```
#3fd4c0
```
#3fd4c0 rgb(63,212,192)
```
#36ddc6
```
#36ddc6 rgb(54,221,198)
```
#2de6cd
```
#2de6cd rgb(45,230,205)
```
#24efd3
```
#24efd3 rgb(36,239,211)
```
#1bf8da
```
#1bf8da rgb(27,248,218)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ea19e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ada8 Protanopia 1% of men
#b9a9b7 Deuteranopia 1% of men
#6bb9c6 Tritanopia 0.001% of the population

Trichromacy

#92b1a9 Protanomaly 1% of men, 0.01% of women
#96aeb3 Deuteranomaly 6% of men, 0.4% of women
#65b9bc Tritanomaly 0.01% of the population

#5ab9ac hex color

#5ab9ac Color Information

#5ab9ac Color Conversion

Color Schemes with #5ab9ac

Alternatives to #5ab9ac

#5ab9ac Preview

Shades and Tints of #5ab9ac

Tones of #5ab9ac

Color Blindness Simulator