#5ab4a2 hex color

In a RGB color space, hex #5ab4a2 is composed of 35.3% red, 70.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 10% yellow and 29.4% black. It has a hue angle of 168 degrees, a saturation of 37.5% and a lightness of 52.9%. #5ab4a2 color hex could be obtained by blending #b4ffff with #006945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 71
- B 64
RGB color chart
- C 50
- M 0
- Y 10
- K 29
CMYK color chart

● #5ab4a2 color description : Moderate cyan.

The hexadecimal color #5ab4a2 has RGB values of R:90, G:180, B:162 and CMYK values of C:0.5, M:0, Y:0.1, K:0.29. Its decimal value is 5944482.

Hex triplet	5ab4a2	`#5ab4a2`
RGB Decimal	90, 180, 162	`rgb(90,180,162)`
RGB Percent	35.3, 70.6, 63.5	`rgb(35.3%,70.6%,63.5%)`
CMYK	50, 0, 10, 29
HSL	168°, 37.5, 52.9	`hsl(168,37.5%,52.9%)`
HSV (or HSB)	168°, 50, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.593, -31.399, 0.913
XYZ	27.057, 37.423, 39.978
xyY	0.259, 0.358, 37.423
CIE-LCH	67.593, 31.412, 178.335
CIE-LUV	67.593, -39.583, 6.286
Hunter-Lab	61.174, -28.105, 4.075
Binary	01011010, 10110100, 10100010

#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#b45a6c
```
#b45a6c rgb(180,90,108)
```

Complementary Color

#5ab475
```
#5ab475 rgb(90,180,117)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#5a99b4
```
#5a99b4 rgb(90,153,180)
```

Analogous Color

#b4755a
```
#b4755a rgb(180,117,90)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#b45a99
```
#b45a99 rgb(180,90,153)
```

Split Complementary Color

#b4a25a
```
#b4a25a rgb(180,162,90)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#a25ab4
```
#a25ab4 rgb(162,90,180)
```

Triadic Color

#6cb45a
```
#6cb45a rgb(108,180,90)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#a25ab4
```
#a25ab4 rgb(162,90,180)
```
#b45a6c
```
#b45a6c rgb(180,90,108)
```

Tetradic Color

#3c8577
```
#3c8577 rgb(60,133,119)
```
#449786
```
#449786 rgb(68,151,134)
```
#4ca896
```
#4ca896 rgb(76,168,150)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#6cbcac
```
#6cbcac rgb(108,188,172)
```
#7dc4b6
```
#7dc4b6 rgb(125,196,182)
```
#8fccc0
```
#8fccc0 rgb(143,204,192)
```

Monochromatic Color

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

#5ab48c
```
#5ab48c rgb(90,180,140)
```
#5ab493
```
#5ab493 rgb(90,180,147)
```
#5ab49b
```
#5ab49b rgb(90,180,155)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#5ab4aa
```
#5ab4aa rgb(90,180,170)
```
#5ab4b1
```
#5ab4b1 rgb(90,180,177)
```
#5ab0b4
```
#5ab0b4 rgb(90,176,180)
```

Similar Colors

Text with hexadecimal color #5ab4a2

This text has a font color of #5ab4a2.

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

#5ab4a2 background color

This paragraph has a background color of #5ab4a2.

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

#5ab4a2 border color

This element has a border color of #5ab4a2.

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

CSS codes

.text {color:#5ab4a2;}

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

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

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

#050a09
```
#050a09 rgb(5,10,9)
```
#0b1815
```
#0b1815 rgb(11,24,21)
```
#112521
```
#112521 rgb(17,37,33)
```
#17332d
```
#17332d rgb(23,51,45)
```
#1d4039
```
#1d4039 rgb(29,64,57)
```
#234e45
```
#234e45 rgb(35,78,69)
```
#295b51
```
#295b51 rgb(41,91,81)
```
#30695d
```
#30695d rgb(48,105,93)
```
#367669
```
#367669 rgb(54,118,105)
```
#3c8475
```
#3c8475 rgb(60,132,117)
```
#429181
```
#429181 rgb(66,145,129)
```
#489f8d
```
#489f8d rgb(72,159,141)
```
#4eac99
```
#4eac99 rgb(78,172,153)
```

Shade Color Variation

#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#67baaa
```
#67baaa rgb(103,186,170)
```
#75c0b1
```
#75c0b1 rgb(117,192,177)
```
#82c6b9
```
#82c6b9 rgb(130,198,185)
```
#90cdc0
```
#90cdc0 rgb(144,205,192)
```
#9dd3c8
```
#9dd3c8 rgb(157,211,200)
```
#abd9d0
```
#abd9d0 rgb(171,217,208)
```
#b8dfd7
```
#b8dfd7 rgb(184,223,215)
```
#c6e5df
```
#c6e5df rgb(198,229,223)
```
#d3ebe6
```
#d3ebe6 rgb(211,235,230)
```
#e1f1ee
```
#e1f1ee rgb(225,241,238)
```
#eef7f6
```
#eef7f6 rgb(238,247,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#7f8f8c
```
#7f8f8c rgb(127,143,140)
```
#769891
```
#769891 rgb(118,152,145)
```
#6ca297
```
#6ca297 rgb(108,162,151)
```
#63ab9c
```
#63ab9c rgb(99,171,156)
```
#5ab4a2
```
#5ab4a2 rgb(90,180,162)
```
#51bda8
```
#51bda8 rgb(81,189,168)
```
#48c6ad
```
#48c6ad rgb(72,198,173)
```
#3ed0b3
```
#3ed0b3 rgb(62,208,179)
```
#35d9b8
```
#35d9b8 rgb(53,217,184)
```
#2ce2be
```
#2ce2be rgb(44,226,190)
```
#23ebc3
```
#23ebc3 rgb(35,235,195)
```
#19f5c9
```
#19f5c9 rgb(25,245,201)
```
#10fece
```
#10fece rgb(16,254,206)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b9d99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea89f Protanopia 1% of men
#b6a4ad Deuteranopia 1% of men
#6cb3c1 Tritanopia 0.001% of the population

Trichromacy

#8faca0 Protanomaly 1% of men, 0.01% of women
#95aaa9 Deuteranomaly 6% of men, 0.4% of women
#65b3b5 Tritanomaly 0.01% of the population

#5ab4a2 hex color

#5ab4a2 Color Information

#5ab4a2 Color Conversion

Color Schemes with #5ab4a2

Alternatives to #5ab4a2

#5ab4a2 Preview

Shades and Tints of #5ab4a2

Tones of #5ab4a2

Color Blindness Simulator