#80a4b0 hex color

In a RGB color space, hex #80a4b0 is composed of 50.2% red, 64.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 6.8% magenta, 0% yellow and 31% black. It has a hue angle of 195 degrees, a saturation of 23.3% and a lightness of 59.6%. #80a4b0 color hex could be obtained by blending #ffffff with #014961. Closest websafe color is: #999999.

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

● #80a4b0 color description : Mostly desaturated dark blue.

The hexadecimal color #80a4b0 has RGB values of R:128, G:164, B:176 and CMYK values of C:0.27, M:0.07, Y:0, K:0.31. Its decimal value is 8430768.

Hex triplet	80a4b0	`#80a4b0`
RGB Decimal	128, 164, 176	`rgb(128,164,176)`
RGB Percent	50.2, 64.3, 69	`rgb(50.2%,64.3%,69%)`
CMYK	27, 7, 0, 31
HSL	195°, 23.3, 59.6	`hsl(195,23.3%,59.6%)`
HSV (or HSB)	195°, 27.3, 69
Web Safe	999999	`#999999`

CIE-LAB	65.179, -9.432, -10.222
XYZ	30.012, 34.274, 46.106
xyY	0.272, 0.31, 34.274
CIE-LCH	65.179, 13.909, 227.301
CIE-LUV	65.179, -18.58, -13.839
Hunter-Lab	58.544, -10.944, -5.713
Binary	10000000, 10100100, 10110000

#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#b08c80
```
#b08c80 rgb(176,140,128)
```

Complementary Color

#80b0a4
```
#80b0a4 rgb(128,176,164)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#808cb0
```
#808cb0 rgb(128,140,176)
```

Analogous Color

#b0a480
```
#b0a480 rgb(176,164,128)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#b0808c
```
#b0808c rgb(176,128,140)
```

Split Complementary Color

#a4b080
```
#a4b080 rgb(164,176,128)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#b080a4
```
#b080a4 rgb(176,128,164)
```

Triadic Color

#80b08c
```
#80b08c rgb(128,176,140)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#b080a4
```
#b080a4 rgb(176,128,164)
```
#b08c80
```
#b08c80 rgb(176,140,128)
```

Tetradic Color

#577f8c
```
#577f8c rgb(87,127,140)
```
#618d9c
```
#618d9c rgb(97,141,156)
```
#7099a6
```
#7099a6 rgb(112,153,166)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#90afba
```
#90afba rgb(144,175,186)
```
#9fbbc4
```
#9fbbc4 rgb(159,187,196)
```
#afc6cd
```
#afc6cd rgb(175,198,205)
```

Monochromatic Color

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

#80b0b0
```
#80b0b0 rgb(128,176,176)
```
#80acb0
```
#80acb0 rgb(128,172,176)
```
#80a8b0
```
#80a8b0 rgb(128,168,176)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#80a0b0
```
#80a0b0 rgb(128,160,176)
```
#809cb0
```
#809cb0 rgb(128,156,176)
```
#8098b0
```
#8098b0 rgb(128,152,176)
```

Similar Colors

Text with hexadecimal color #80a4b0

This text has a font color of #80a4b0.

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

#80a4b0 background color

This paragraph has a background color of #80a4b0.

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

#80a4b0 border color

This element has a border color of #80a4b0.

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

CSS codes

.text {color:#80a4b0;}

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

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1012
```
#0b1012 rgb(11,16,18)
```
#131b1e
```
#131b1e rgb(19,27,30)
```
#1a262a
```
#1a262a rgb(26,38,42)
```
#223136
```
#223136 rgb(34,49,54)
```
#293c42
```
#293c42 rgb(41,60,66)
```
#31474f
```
#31474f rgb(49,71,79)
```
#38525b
```
#38525b rgb(56,82,91)
```
#405d67
```
#405d67 rgb(64,93,103)
```
#476873
```
#476873 rgb(71,104,115)
```
#4f737f
```
#4f737f rgb(79,115,127)
```
#567e8b
```
#567e8b rgb(86,126,139)
```
#5e8997
```
#5e8997 rgb(94,137,151)
```

Shade Color Variation

#6893a1
```
#6893a1 rgb(104,147,161)
```
#749ba8
```
#749ba8 rgb(116,155,168)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#8cadb8
```
#8cadb8 rgb(140,173,184)
```
#98b5bf
```
#98b5bf rgb(152,181,191)
```
#a4bec7
```
#a4bec7 rgb(164,190,199)
```
#b0c7ce
```
#b0c7ce rgb(176,199,206)
```
#bccfd6
```
#bccfd6 rgb(188,207,214)
```
#c9d8dd
```
#c9d8dd rgb(201,216,221)
```
#d5e1e5
```
#d5e1e5 rgb(213,225,229)
```
#e1e9ec
```
#e1e9ec rgb(225,233,236)
```
#edf2f4
```
#edf2f4 rgb(237,242,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#989898
```
#989898 rgb(152,152,152)
```
#909ca0
```
#909ca0 rgb(144,156,160)
```
#88a0a8
```
#88a0a8 rgb(136,160,168)
```
#80a4b0
```
#80a4b0 rgb(128,164,176)
```
#78a8b8
```
#78a8b8 rgb(120,168,184)
```
#70acc0
```
#70acc0 rgb(112,172,192)
```
#68b0c8
```
#68b0c8 rgb(104,176,200)
```
#60b4d0
```
#60b4d0 rgb(96,180,208)
```
#58b8d8
```
#58b8d8 rgb(88,184,216)
```
#50bce0
```
#50bce0 rgb(80,188,224)
```
#49c0e7
```
#49c0e7 rgb(73,192,231)
```
#41c4ef
```
#41c4ef rgb(65,196,239)
```
#39c8f7
```
#39c8f7 rgb(57,200,247)
```

Tone Color Variation

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

Dichromacy

#a1a2b0 Protanopia 1% of men
#a89fb7 Deuteranopia 1% of men
#86a8b4 Tritanopia 0.001% of the population

Trichromacy

#95a2b0 Protanomaly 1% of men, 0.01% of women
#99a1b4 Deuteranomaly 6% of men, 0.4% of women
#84a6b3 Tritanomaly 0.01% of the population

#80a4b0 hex color

#80a4b0 Color Information

#80a4b0 Color Conversion

Color Schemes with #80a4b0

Alternatives to #80a4b0

#80a4b0 Preview

Shades and Tints of #80a4b0

Tones of #80a4b0

Color Blindness Simulator