#80a4af hex color

In a RGB color space, hex #80a4af is composed of 50.2% red, 64.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 6.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 194 degrees, a saturation of 22.7% and a lightness of 59.4%. #80a4af color hex could be obtained by blending #ffffff with #01495f. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 50
- G 64
- B 69
RGB color chart
- C 27
- M 6
- Y 0
- K 31
CMYK color chart

● #80a4af color description : Mostly desaturated dark cyan.

The hexadecimal color #80a4af has RGB values of R:128, G:164, B:175 and CMYK values of C:0.27, M:0.06, Y:0, K:0.31. Its decimal value is 8430767.

Hex triplet	80a4af	`#80a4af`
RGB Decimal	128, 164, 175	`rgb(128,164,175)`
RGB Percent	50.2, 64.3, 68.6	`rgb(50.2%,64.3%,68.6%)`
CMYK	27, 6, 0, 31
HSL	194°, 22.7, 59.4	`hsl(194,22.7%,59.4%)`
HSV (or HSB)	194°, 26.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	65.148, -9.671, -9.71
XYZ	29.914, 34.234, 45.587
xyY	0.273, 0.312, 34.234
CIE-LCH	65.148, 13.704, 225.114
CIE-LUV	65.148, -18.57, -13.01
Hunter-Lab	58.51, -11.134, -5.237
Binary	10000000, 10100100, 10101111

#80a4af
```
#80a4af rgb(128,164,175)
```
#af8b80
```
#af8b80 rgb(175,139,128)
```

Complementary Color

#80afa3
```
#80afa3 rgb(128,175,163)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#808daf
```
#808daf rgb(128,141,175)
```

Analogous Color

#afa380
```
#afa380 rgb(175,163,128)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#af808d
```
#af808d rgb(175,128,141)
```

Split Complementary Color

#a4af80
```
#a4af80 rgb(164,175,128)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#af80a4
```
#af80a4 rgb(175,128,164)
```

Triadic Color

#80af8b
```
#80af8b rgb(128,175,139)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#af80a4
```
#af80a4 rgb(175,128,164)
```
#af8b80
```
#af8b80 rgb(175,139,128)
```

Tetradic Color

#587f8b
```
#587f8b rgb(88,127,139)
```
#618d9b
```
#618d9b rgb(97,141,155)
```
#7099a5
```
#7099a5 rgb(112,153,165)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#90afb9
```
#90afb9 rgb(144,175,185)
```
#9fbac3
```
#9fbac3 rgb(159,186,195)
```
#afc6cd
```
#afc6cd rgb(175,198,205)
```

Monochromatic Color

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

#80afae
```
#80afae rgb(128,175,174)
```
#80acaf
```
#80acaf rgb(128,172,175)
```
#80a8af
```
#80a8af rgb(128,168,175)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#80a0af
```
#80a0af rgb(128,160,175)
```
#809caf
```
#809caf rgb(128,156,175)
```
#8098af
```
#8098af rgb(128,152,175)
```

Similar Colors

Text with hexadecimal color #80a4af

This text has a font color of #80a4af.

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

#80a4af background color

This paragraph has a background color of #80a4af.

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

#80a4af border color

This element has a border color of #80a4af.

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

CSS codes

.text {color:#80a4af;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1011
```
#0b1011 rgb(11,16,17)
```
#131b1d
```
#131b1d rgb(19,27,29)
```
#1a2629
```
#1a2629 rgb(26,38,41)
```
#223136
```
#223136 rgb(34,49,54)
```
#293c42
```
#293c42 rgb(41,60,66)
```
#31474e
```
#31474e rgb(49,71,78)
```
#38525a
```
#38525a rgb(56,82,90)
```
#405d66
```
#405d66 rgb(64,93,102)
```
#486872
```
#486872 rgb(72,104,114)
```
#4f737e
```
#4f737e rgb(79,115,126)
```
#577e8a
```
#577e8a rgb(87,126,138)
```
#5e8996
```
#5e8996 rgb(94,137,150)
```

Shade Color Variation

#6893a0
```
#6893a0 rgb(104,147,160)
```
#749ba7
```
#749ba7 rgb(116,155,167)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#8cadb7
```
#8cadb7 rgb(140,173,183)
```
#98b5be
```
#98b5be rgb(152,181,190)
```
#a4bec6
```
#a4bec6 rgb(164,190,198)
```
#b0c6cd
```
#b0c6cd rgb(176,198,205)
```
#bccfd5
```
#bccfd5 rgb(188,207,213)
```
#c8d8dc
```
#c8d8dc rgb(200,216,220)
```
#d4e0e4
```
#d4e0e4 rgb(212,224,228)
```
#e0e9ec
```
#e0e9ec rgb(224,233,236)
```
#ecf2f3
```
#ecf2f3 rgb(236,242,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909c9f is the less saturated color, while #30ceff is the most saturated one.

#909c9f
```
#909c9f rgb(144,156,159)
```
#88a0a7
```
#88a0a7 rgb(136,160,167)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#78a8b7
```
#78a8b7 rgb(120,168,183)
```
#70acbf
```
#70acbf rgb(112,172,191)
```
#68b1c7
```
#68b1c7 rgb(104,177,199)
```
#60b5cf
```
#60b5cf rgb(96,181,207)
```
#58b9d7
```
#58b9d7 rgb(88,185,215)
```
#50bddf
```
#50bddf rgb(80,189,223)
```
#48c2e7
```
#48c2e7 rgb(72,194,231)
```
#40c6ef
```
#40c6ef rgb(64,198,239)
```
#38caf7
```
#38caf7 rgb(56,202,247)
```
#30ceff
```
#30ceff rgb(48,206,255)
```

Tone Color Variation

Below, you can see how #80a4af 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
#959c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a2af Protanopia 1% of men
#a89fb6 Deuteranopia 1% of men
#87a8b4 Tritanopia 0.001% of the population

Trichromacy

#95a2af Protanomaly 1% of men, 0.01% of women
#99a0b3 Deuteranomaly 6% of men, 0.4% of women
#84a6b2 Tritanomaly 0.01% of the population

#80a4af hex color

#80a4af Color Information

#80a4af Color Conversion

Color Schemes with #80a4af

Alternatives to #80a4af

#80a4af Preview

Shades and Tints of #80a4af

Tones of #80a4af

Color Blindness Simulator