#80a5aa hex color

In a RGB color space, hex #80a5aa is composed of 50.2% red, 64.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 2.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 187.1 degrees, a saturation of 19.8% and a lightness of 58.4%. #80a5aa color hex could be obtained by blending #ffffff with #014b55. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 50
- G 65
- B 67
RGB color chart
- C 25
- M 3
- Y 0
- K 33
CMYK color chart

● #80a5aa color description : Dark grayish cyan.

The hexadecimal color #80a5aa has RGB values of R:128, G:165, B:170 and CMYK values of C:0.25, M:0.03, Y:0, K:0.33. Its decimal value is 8431018.

Hex triplet	80a5aa	`#80a5aa`
RGB Decimal	128, 165, 170	`rgb(128,165,170)`
RGB Percent	50.2, 64.7, 66.7	`rgb(50.2%,64.7%,66.7%)`
CMYK	25, 3, 0, 33
HSL	187.1°, 19.8, 58.4	`hsl(187.1,19.8%,58.4%)`
HSV (or HSB)	187.1°, 24.7, 66.7
Web Safe	999999	`#999999`

CIE-LAB	65.279, -11.387, -6.72
XYZ	29.611, 34.401, 43.108
xyY	0.276, 0.321, 34.401
CIE-LCH	65.279, 13.222, 210.548
CIE-LUV	65.279, -18.969, -8.166
Hunter-Lab	58.652, -12.524, -2.52
Binary	10000000, 10100101, 10101010

#80a5aa
```
#80a5aa rgb(128,165,170)
```
#aa8580
```
#aa8580 rgb(170,133,128)
```

Complementary Color

#80aa9a
```
#80aa9a rgb(128,170,154)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#8090aa
```
#8090aa rgb(128,144,170)
```

Analogous Color

#aa9a80
```
#aa9a80 rgb(170,154,128)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#aa8090
```
#aa8090 rgb(170,128,144)
```

Split Complementary Color

#a5aa80
```
#a5aa80 rgb(165,170,128)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#aa80a5
```
#aa80a5 rgb(170,128,165)
```

Triadic Color

#80aa85
```
#80aa85 rgb(128,170,133)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#aa80a5
```
#aa80a5 rgb(170,128,165)
```
#aa8580
```
#aa8580 rgb(170,133,128)
```

Tetradic Color

#597f85
```
#597f85 rgb(89,127,133)
```
#638e94
```
#638e94 rgb(99,142,148)
```
#719aa0
```
#719aa0 rgb(113,154,160)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#8fb0b4
```
#8fb0b4 rgb(143,176,180)
```
#9fbbbe
```
#9fbbbe rgb(159,187,190)
```
#aec5c9
```
#aec5c9 rgb(174,197,201)
```

Monochromatic Color

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

#80aaa5
```
#80aaa5 rgb(128,170,165)
```
#80aaa8
```
#80aaa8 rgb(128,170,168)
```
#80a9aa
```
#80a9aa rgb(128,169,170)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#80a2aa
```
#80a2aa rgb(128,162,170)
```
#809eaa
```
#809eaa rgb(128,158,170)
```
#809baa
```
#809baa rgb(128,155,170)
```

Similar Colors

Text with hexadecimal color #80a5aa

This text has a font color of #80a5aa.

<span style="color:#80a5aa;">Text here</span>

#80a5aa background color

This paragraph has a background color of #80a5aa.

<p style="background-color:#80a5aa;">Content here</p>

#80a5aa border color

This element has a border color of #80a5aa.

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

CSS codes

.text {color:#80a5aa;}

.background {background-color:#80a5aa;}

.border {border:1px solid #80a5aa;}

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

#020202
```
#020202 rgb(2,2,2)
```
#090d0e
```
#090d0e rgb(9,13,14)
```
#11191a
```
#11191a rgb(17,25,26)
```
#192426
```
#192426 rgb(25,36,38)
```
#212f31
```
#212f31 rgb(33,47,49)
```
#293b3d
```
#293b3d rgb(41,59,61)
```
#314649
```
#314649 rgb(49,70,73)
```
#395155
```
#395155 rgb(57,81,85)
```
#405c60
```
#405c60 rgb(64,92,96)
```
#48686c
```
#48686c rgb(72,104,108)
```
#507378
```
#507378 rgb(80,115,120)
```
#587e84
```
#587e84 rgb(88,126,132)
```
#608a8f
```
#608a8f rgb(96,138,143)
```

Shade Color Variation

#68949a
```
#68949a rgb(104,148,154)
```
#749da2
```
#749da2 rgb(116,157,162)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#8cadb2
```
#8cadb2 rgb(140,173,178)
```
#98b6ba
```
#98b6ba rgb(152,182,186)
```
#a3bec2
```
#a3bec2 rgb(163,190,194)
```
#afc6c9
```
#afc6c9 rgb(175,198,201)
```
#bbcfd1
```
#bbcfd1 rgb(187,207,209)
```
#c7d7d9
```
#c7d7d9 rgb(199,215,217)
```
#d2dfe1
```
#d2dfe1 rgb(210,223,225)
```
#dee8e9
```
#dee8e9 rgb(222,232,233)
```
#eaf0f1
```
#eaf0f1 rgb(234,240,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90999a is the less saturated color, while #2ee3fc is the most saturated one.

#90999a
```
#90999a rgb(144,153,154)
```
#889fa2
```
#889fa2 rgb(136,159,162)
```
#80a5aa
```
#80a5aa rgb(128,165,170)
```
#78abb2
```
#78abb2 rgb(120,171,178)
```
#70b1ba
```
#70b1ba rgb(112,177,186)
```
#68b8c2
```
#68b8c2 rgb(104,184,194)
```
#5fbecb
```
#5fbecb rgb(95,190,203)
```
#57c4d3
```
#57c4d3 rgb(87,196,211)
```
#4fcadb
```
#4fcadb rgb(79,202,219)
```
#47d0e3
```
#47d0e3 rgb(71,208,227)
```
#3fd7eb
```
#3fd7eb rgb(63,215,235)
```
#37ddf3
```
#37ddf3 rgb(55,221,243)
```
#2ee3fc
```
#2ee3fc rgb(46,227,252)
```

Tone Color Variation

Below, you can see how #80a5aa 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
#969d9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a2aa Protanopia 1% of men
#ab9fb1 Deuteranopia 1% of men
#88a8b4 Tritanopia 0.001% of the population

Trichromacy

#96a3aa Protanomaly 1% of men, 0.01% of women
#9ba1af Deuteranomaly 6% of men, 0.4% of women
#85a7b0 Tritanomaly 0.01% of the population

#80a5aa hex color

#80a5aa Color Information

#80a5aa Color Conversion

Color Schemes with #80a5aa

Alternatives to #80a5aa

#80a5aa Preview

Shades and Tints of #80a5aa

Tones of #80a5aa

Color Blindness Simulator