#5ab6af hex color

In a RGB color space, hex #5ab6af is composed of 35.3% red, 71.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 0% magenta, 3.8% yellow and 28.6% black. It has a hue angle of 175.4 degrees, a saturation of 38.7% and a lightness of 53.3%. #5ab6af color hex could be obtained by blending #b4ffff with #006d5f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 71
- B 69
RGB color chart
- C 51
- M 0
- Y 4
- K 29
CMYK color chart

● #5ab6af color description : Moderate cyan.

The hexadecimal color #5ab6af has RGB values of R:90, G:182, B:175 and CMYK values of C:0.51, M:0, Y:0.04, K:0.29. Its decimal value is 5945007.

Hex triplet	5ab6af	`#5ab6af`
RGB Decimal	90, 182, 175	`rgb(90,182,175)`
RGB Percent	35.3, 71.4, 68.6	`rgb(35.3%,71.4%,68.6%)`
CMYK	51, 0, 4, 29
HSL	175.4°, 38.7, 53.3	`hsl(175.4,38.7%,53.3%)`
HSV (or HSB)	175.4°, 50.5, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.55, -29.075, -4.856
XYZ	28.68, 38.723, 46.518
xyY	0.252, 0.34, 38.723
CIE-LCH	68.55, 29.478, 189.482
CIE-LUV	68.55, -39.826, -2.753
Hunter-Lab	62.228, -26.63, -0.763
Binary	01011010, 10110110, 10101111

#5ab6af
```
#5ab6af rgb(90,182,175)
```
#b65a61
```
#b65a61 rgb(182,90,97)
```

Complementary Color

#5ab681
```
#5ab681 rgb(90,182,129)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#5a8fb6
```
#5a8fb6 rgb(90,143,182)
```

Analogous Color

#b6815a
```
#b6815a rgb(182,129,90)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#b65a8f
```
#b65a8f rgb(182,90,143)
```

Split Complementary Color

#b6af5a
```
#b6af5a rgb(182,175,90)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#af5ab6
```
#af5ab6 rgb(175,90,182)
```

Triadic Color

#61b65a
```
#61b65a rgb(97,182,90)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#af5ab6
```
#af5ab6 rgb(175,90,182)
```
#b65a61
```
#b65a61 rgb(182,90,97)
```

Tetradic Color

#3c8882
```
#3c8882 rgb(60,136,130)
```
#449993
```
#449993 rgb(68,153,147)
```
#4caba4
```
#4caba4 rgb(76,171,164)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#6cbeb8
```
#6cbeb8 rgb(108,190,184)
```
#7dc6c0
```
#7dc6c0 rgb(125,198,192)
```
#8fcdc9
```
#8fcdc9 rgb(143,205,201)
```

Monochromatic Color

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

#5ab698
```
#5ab698 rgb(90,182,152)
```
#5ab6a0
```
#5ab6a0 rgb(90,182,160)
```
#5ab6a7
```
#5ab6a7 rgb(90,182,167)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#5ab5b6
```
#5ab5b6 rgb(90,181,182)
```
#5aaeb6
```
#5aaeb6 rgb(90,174,182)
```
#5aa6b6
```
#5aa6b6 rgb(90,166,182)
```

Similar Colors

Text with hexadecimal color #5ab6af

This text has a font color of #5ab6af.

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

#5ab6af background color

This paragraph has a background color of #5ab6af.

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

#5ab6af border color

This element has a border color of #5ab6af.

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

CSS codes

.text {color:#5ab6af;}

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

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

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1918
```
#0b1918 rgb(11,25,24)
```
#112725
```
#112725 rgb(17,39,37)
```
#173532
```
#173532 rgb(23,53,50)
```
#1d423f
```
#1d423f rgb(29,66,63)
```
#23504c
```
#23504c rgb(35,80,76)
```
#295d59
```
#295d59 rgb(41,93,89)
```
#2f6b66
```
#2f6b66 rgb(47,107,102)
```
#357973
```
#357973 rgb(53,121,115)
```
#3b8680
```
#3b8680 rgb(59,134,128)
```
#41948e
```
#41948e rgb(65,148,142)
```
#47a19b
```
#47a19b rgb(71,161,155)
```
#4dafa8
```
#4dafa8 rgb(77,175,168)
```

Shade Color Variation

#5ab6af
```
#5ab6af rgb(90,182,175)
```
#68bcb6
```
#68bcb6 rgb(104,188,182)
```
#75c2bc
```
#75c2bc rgb(117,194,188)
```
#83c8c3
```
#83c8c3 rgb(131,200,195)
```
#90cec9
```
#90cec9 rgb(144,206,201)
```
#9ed4d0
```
#9ed4d0 rgb(158,212,208)
```
#acdad7
```
#acdad7 rgb(172,218,215)
```
#b9e0dd
```
#b9e0dd rgb(185,224,221)
```
#c7e6e4
```
#c7e6e4 rgb(199,230,228)
```
#d4ecea
```
#d4ecea rgb(212,236,234)
```
#e2f2f1
```
#e2f2f1 rgb(226,242,241)
```
#f0f8f8
```
#f0f8f8 rgb(240,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#888888
```
#888888 rgb(136,136,136)
```
#7f9190
```
#7f9190 rgb(127,145,144)
```
#759b98
```
#759b98 rgb(117,155,152)
```
#6ca49f
```
#6ca49f rgb(108,164,159)
```
#63ada7
```
#63ada7 rgb(99,173,167)
```
#5ab6af
```
#5ab6af rgb(90,182,175)
```
#51bfb7
```
#51bfb7 rgb(81,191,183)
```
#48c8bf
```
#48c8bf rgb(72,200,191)
```
#3fd1c6
```
#3fd1c6 rgb(63,209,198)
```
#35dbce
```
#35dbce rgb(53,219,206)
```
#2ce4d6
```
#2ce4d6 rgb(44,228,214)
```
#23edde
```
#23edde rgb(35,237,222)
```
#1af6e5
```
#1af6e5 rgb(26,246,229)
```

Tone Color Variation

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

Dichromacy

#aeaaab Protanopia 1% of men
#b4a7b9 Deuteranopia 1% of men
#69b7c4 Tritanopia 0.001% of the population

Trichromacy

#8faeac Protanomaly 1% of men, 0.01% of women
#93acb5 Deuteranomaly 6% of men, 0.4% of women
#64b6bc Tritanomaly 0.01% of the population

#5ab6af hex color

#5ab6af Color Information

#5ab6af Color Conversion

Color Schemes with #5ab6af

Alternatives to #5ab6af

#5ab6af Preview

Shades and Tints of #5ab6af

Tones of #5ab6af

Color Blindness Simulator