#5ab2a7 hex color

In a RGB color space, hex #5ab2a7 is composed of 35.3% red, 69.8% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 6.2% yellow and 30.2% black. It has a hue angle of 172.5 degrees, a saturation of 36.4% and a lightness of 52.5%. #5ab2a7 color hex could be obtained by blending #b4ffff with #00654f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 70
- B 65
RGB color chart
- C 49
- M 0
- Y 6
- K 30
CMYK color chart

● #5ab2a7 color description : Dark moderate cyan.

The hexadecimal color #5ab2a7 has RGB values of R:90, G:178, B:167 and CMYK values of C:0.49, M:0, Y:0.06, K:0.3. Its decimal value is 5943975.

Hex triplet	5ab2a7	`#5ab2a7`
RGB Decimal	90, 178, 167	`rgb(90,178,167)`
RGB Percent	35.3, 69.8, 65.5	`rgb(35.3%,69.8%,65.5%)`
CMYK	49, 0, 6, 30
HSL	172.5°, 36.4, 52.5	`hsl(172.5,36.4%,52.5%)`
HSV (or HSB)	172.5°, 49.4, 69.8
Web Safe	669999	`#669999`

CIE-LAB	67.129, -29.184, -2.531
XYZ	27.11, 36.803, 42.232
xyY	0.255, 0.347, 36.803
CIE-LCH	67.129, 29.294, 184.956
CIE-LUV	67.129, -38.58, 0.804
Hunter-Lab	60.665, -26.397, 1.191
Binary	01011010, 10110010, 10100111

#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#b25a65
```
#b25a65 rgb(178,90,101)
```

Complementary Color

#5ab27b
```
#5ab27b rgb(90,178,123)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#5a91b2
```
#5a91b2 rgb(90,145,178)
```

Analogous Color

#b27b5a
```
#b27b5a rgb(178,123,90)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#b25a91
```
#b25a91 rgb(178,90,145)
```

Split Complementary Color

#b2a75a
```
#b2a75a rgb(178,167,90)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#a75ab2
```
#a75ab2 rgb(167,90,178)
```

Triadic Color

#65b25a
```
#65b25a rgb(101,178,90)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#a75ab2
```
#a75ab2 rgb(167,90,178)
```
#b25a65
```
#b25a65 rgb(178,90,101)
```

Tetradic Color

#3d837a
```
#3d837a rgb(61,131,122)
```
#45948a
```
#45948a rgb(69,148,138)
```
#4da59a
```
#4da59a rgb(77,165,154)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#6bbab0
```
#6bbab0 rgb(107,186,176)
```
#7dc2ba
```
#7dc2ba rgb(125,194,186)
```
#8ecac3
```
#8ecac3 rgb(142,202,195)
```

Monochromatic Color

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

#5ab291
```
#5ab291 rgb(90,178,145)
```
#5ab298
```
#5ab298 rgb(90,178,152)
```
#5ab2a0
```
#5ab2a0 rgb(90,178,160)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#5ab2ae
```
#5ab2ae rgb(90,178,174)
```
#5aaeb2
```
#5aaeb2 rgb(90,174,178)
```
#5aa7b2
```
#5aa7b2 rgb(90,167,178)
```

Similar Colors

Text with hexadecimal color #5ab2a7

This text has a font color of #5ab2a7.

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

#5ab2a7 background color

This paragraph has a background color of #5ab2a7.

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

#5ab2a7 border color

This element has a border color of #5ab2a7.

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

CSS codes

.text {color:#5ab2a7;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#0a1615
```
#0a1615 rgb(10,22,21)
```
#112421
```
#112421 rgb(17,36,33)
```
#17312e
```
#17312e rgb(23,49,46)
```
#1d3e3a
```
#1d3e3a rgb(29,62,58)
```
#234c47
```
#234c47 rgb(35,76,71)
```
#2a5953
```
#2a5953 rgb(42,89,83)
```
#306660
```
#306660 rgb(48,102,96)
```
#36746c
```
#36746c rgb(54,116,108)
```
#3c8179
```
#3c8179 rgb(60,129,121)
```
#438f85
```
#438f85 rgb(67,143,133)
```
#499c92
```
#499c92 rgb(73,156,146)
```
#4fa99e
```
#4fa99e rgb(79,169,158)
```

Shade Color Variation

#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#67b8ae
```
#67b8ae rgb(103,184,174)
```
#75beb5
```
#75beb5 rgb(117,190,181)
```
#82c5bc
```
#82c5bc rgb(130,197,188)
```
#8fcbc4
```
#8fcbc4 rgb(143,203,196)
```
#9dd1cb
```
#9dd1cb rgb(157,209,203)
```
#aad7d2
```
#aad7d2 rgb(170,215,210)
```
#b8ded9
```
#b8ded9 rgb(184,222,217)
```
#c5e4e0
```
#c5e4e0 rgb(197,228,224)
```
#d2eae7
```
#d2eae7 rgb(210,234,231)
```
#e0f0ee
```
#e0f0ee rgb(224,240,238)
```
#edf7f5
```
#edf7f5 rgb(237,247,245)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#7f8d8b
```
#7f8d8b rgb(127,141,139)
```
#769692
```
#769692 rgb(118,150,146)
```
#6d9f99
```
#6d9f99 rgb(109,159,153)
```
#63a9a0
```
#63a9a0 rgb(99,169,160)
```
#5ab2a7
```
#5ab2a7 rgb(90,178,167)
```
#51bbae
```
#51bbae rgb(81,187,174)
```
#47c5b5
```
#47c5b5 rgb(71,197,181)
```
#3ecebc
```
#3ecebc rgb(62,206,188)
```
#35d7c3
```
#35d7c3 rgb(53,215,195)
```
#2be1ca
```
#2be1ca rgb(43,225,202)
```
#22ead1
```
#22ead1 rgb(34,234,209)
```
#19f3d8
```
#19f3d8 rgb(25,243,216)
```
#10fcdf
```
#10fcdf rgb(16,252,223)
```

Tone Color Variation

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

Dichromacy

#aba7a3 Protanopia 1% of men
#b3a3b2 Deuteranopia 1% of men
#6ab2bf Tritanopia 0.001% of the population

Trichromacy

#8eaba5 Protanomaly 1% of men, 0.01% of women
#92a8ae Deuteranomaly 6% of men, 0.4% of women
#64b2b6 Tritanomaly 0.01% of the population

#5ab2a7 hex color

#5ab2a7 Color Information

#5ab2a7 Color Conversion

Color Schemes with #5ab2a7

Alternatives to #5ab2a7

#5ab2a7 Preview

Shades and Tints of #5ab2a7

Tones of #5ab2a7

Color Blindness Simulator