#80a0bb hex color

In a RGB color space, hex #80a0bb is composed of 50.2% red, 62.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 14.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 207.5 degrees, a saturation of 30.3% and a lightness of 61.8%. #80a0bb color hex could be obtained by blending #ffffff with #014177. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 50
- G 63
- B 73
RGB color chart
- C 32
- M 14
- Y 0
- K 27
CMYK color chart

● #80a0bb color description : Slightly desaturated blue.

The hexadecimal color #80a0bb has RGB values of R:128, G:160, B:187 and CMYK values of C:0.32, M:0.14, Y:0, K:0.27. Its decimal value is 8429755.

Hex triplet	80a0bb	`#80a0bb`
RGB Decimal	128, 160, 187	`rgb(128,160,187)`
RGB Percent	50.2, 62.7, 73.3	`rgb(50.2%,62.7%,73.3%)`
CMYK	32, 14, 0, 27
HSL	207.5°, 30.3, 61.8	`hsl(207.5,30.3%,61.8%)`
HSV (or HSB)	207.5°, 31.6, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.417, -4.536, -17.518
XYZ	30.441, 33.318, 51.838
xyY	0.263, 0.288, 33.318
CIE-LCH	64.417, 18.095, 255.484
CIE-LUV	64.417, -16.976, -25.998
Hunter-Lab	57.721, -6.877, -12.842
Binary	10000000, 10100000, 10111011

#80a0bb
```
#80a0bb rgb(128,160,187)
```
#bb9b80
```
#bb9b80 rgb(187,155,128)
```

Complementary Color

#80bbb9
```
#80bbb9 rgb(128,187,185)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#8083bb
```
#8083bb rgb(128,131,187)
```

Analogous Color

#bbb980
```
#bbb980 rgb(187,185,128)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#bb8083
```
#bb8083 rgb(187,128,131)
```

Split Complementary Color

#a0bb80
```
#a0bb80 rgb(160,187,128)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#bb80a0
```
#bb80a0 rgb(187,128,160)
```

Triadic Color

#80bb9b
```
#80bb9b rgb(128,187,155)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#bb80a0
```
#bb80a0 rgb(187,128,160)
```
#bb9b80
```
#bb9b80 rgb(187,155,128)
```

Tetradic Color

#537a9b
```
#537a9b rgb(83,122,155)
```
#5f87a9
```
#5f87a9 rgb(95,135,169)
```
#6f94b2
```
#6f94b2 rgb(111,148,178)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#91acc4
```
#91acc4 rgb(145,172,196)
```
#a1b9cd
```
#a1b9cd rgb(161,185,205)
```
#b2c5d6
```
#b2c5d6 rgb(178,197,214)
```

Monochromatic Color

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

#80afbb
```
#80afbb rgb(128,175,187)
```
#80aabb
```
#80aabb rgb(128,170,187)
```
#80a5bb
```
#80a5bb rgb(128,165,187)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#809bbb
```
#809bbb rgb(128,155,187)
```
#8096bb
```
#8096bb rgb(128,150,187)
```
#8091bb
```
#8091bb rgb(128,145,187)
```

Similar Colors

Text with hexadecimal color #80a0bb

This text has a font color of #80a0bb.

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

#80a0bb background color

This paragraph has a background color of #80a0bb.

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

#80a0bb border color

This element has a border color of #80a0bb.

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

CSS codes

.text {color:#80a0bb;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070b0e
```
#070b0e rgb(7,11,14)
```
#0e151a
```
#0e151a rgb(14,21,26)
```
#151f27
```
#151f27 rgb(21,31,39)
```
#1c2934
```
#1c2934 rgb(28,41,52)
```
#233341
```
#233341 rgb(35,51,65)
```
#293d4d
```
#293d4d rgb(41,61,77)
```
#30475a
```
#30475a rgb(48,71,90)
```
#375167
```
#375167 rgb(55,81,103)
```
#3e5b74
```
#3e5b74 rgb(62,91,116)
```
#456581
```
#456581 rgb(69,101,129)
```
#4c6f8d
```
#4c6f8d rgb(76,111,141)
```
#52799a
```
#52799a rgb(82,121,154)
```

Shade Color Variation

#5a83a6
```
#5a83a6 rgb(90,131,166)
```
#668dad
```
#668dad rgb(102,141,173)
```
#7396b4
```
#7396b4 rgb(115,150,180)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#8daac2
```
#8daac2 rgb(141,170,194)
```
#9ab3c9
```
#9ab3c9 rgb(154,179,201)
```
#a6bdd0
```
#a6bdd0 rgb(166,189,208)
```
#b3c6d6
```
#b3c6d6 rgb(179,198,214)
```
#c0d0dd
```
#c0d0dd rgb(192,208,221)
```
#cdd9e4
```
#cdd9e4 rgb(205,217,228)
```
#d9e3eb
```
#d9e3eb rgb(217,227,235)
```
#e6ecf2
```
#e6ecf2 rgb(230,236,242)
```
#f3f6f9
```
#f3f6f9 rgb(243,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ea5 is the less saturated color, while #3da6ff is the most saturated one.

#979ea5
```
#979ea5 rgb(151,158,165)
```
#8f9fac
```
#8f9fac rgb(143,159,172)
```
#889fb4
```
#889fb4 rgb(136,159,180)
```
#80a0bb
```
#80a0bb rgb(128,160,187)
```
#79a1c3
```
#79a1c3 rgb(121,161,195)
```
#71a1ca
```
#71a1ca rgb(113,161,202)
```
#6aa2d2
```
#6aa2d2 rgb(106,162,210)
```
#62a3d9
```
#62a3d9 rgb(98,163,217)
```
#5ba3e1
```
#5ba3e1 rgb(91,163,225)
```
#53a4e8
```
#53a4e8 rgb(83,164,232)
```
#4ca4f0
```
#4ca4f0 rgb(76,164,240)
```
#44a5f7
```
#44a5f7 rgb(68,165,247)
```
#3da6ff
```
#3da6ff rgb(61,166,255)
```

Tone Color Variation

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

Dichromacy

#9ba0bb Protanopia 1% of men
#9f9ec0 Deuteranopia 1% of men
#83a6b3 Tritanopia 0.001% of the population

Trichromacy

#91a0bb Protanomaly 1% of men, 0.01% of women
#949ebe Deuteranomaly 6% of men, 0.4% of women
#82a4b5 Tritanomaly 0.01% of the population

#80a0bb hex color

#80a0bb Color Information

#80a0bb Color Conversion

Color Schemes with #80a0bb

Alternatives to #80a0bb

#80a0bb Preview

Shades and Tints of #80a0bb

Tones of #80a0bb

Color Blindness Simulator