#80a1bb hex color

In a RGB color space, hex #80a1bb is composed of 50.2% red, 63.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 13.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 206.4 degrees, a saturation of 30.3% and a lightness of 61.8%. #80a1bb color hex could be obtained by blending #ffffff with #014377. 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

● #80a1bb color description : Slightly desaturated blue.

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

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

CIE-LAB	64.696, -5.088, -17.095
XYZ	30.615, 33.666, 51.896
xyY	0.264, 0.29, 33.666
CIE-LCH	64.696, 17.836, 253.425
CIE-LUV	64.696, -17.406, -25.262
Hunter-Lab	58.022, -7.356, -12.414
Binary	10000000, 10100001, 10111011

#80a1bb
```
#80a1bb rgb(128,161,187)
```
#bb9a80
```
#bb9a80 rgb(187,154,128)
```

Complementary Color

#80bbb8
```
#80bbb8 rgb(128,187,184)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#8084bb
```
#8084bb rgb(128,132,187)
```

Analogous Color

#bbb880
```
#bbb880 rgb(187,184,128)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#bb8084
```
#bb8084 rgb(187,128,132)
```

Split Complementary Color

#a1bb80
```
#a1bb80 rgb(161,187,128)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#bb80a1
```
#bb80a1 rgb(187,128,161)
```

Triadic Color

#80bb9a
```
#80bb9a rgb(128,187,154)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#bb80a1
```
#bb80a1 rgb(187,128,161)
```
#bb9a80
```
#bb9a80 rgb(187,154,128)
```

Tetradic Color

#537c9b
```
#537c9b rgb(83,124,155)
```
#5f88a9
```
#5f88a9 rgb(95,136,169)
```
#6f95b2
```
#6f95b2 rgb(111,149,178)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#91adc4
```
#91adc4 rgb(145,173,196)
```
#a1bacd
```
#a1bacd rgb(161,186,205)
```
#b2c6d6
```
#b2c6d6 rgb(178,198,214)
```

Monochromatic Color

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

#80b0bb
```
#80b0bb rgb(128,176,187)
```
#80abbb
```
#80abbb rgb(128,171,187)
```
#80a6bb
```
#80a6bb rgb(128,166,187)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#809cbb
```
#809cbb rgb(128,156,187)
```
#8097bb
```
#8097bb rgb(128,151,187)
```
#8092bb
```
#8092bb rgb(128,146,187)
```

Similar Colors

Text with hexadecimal color #80a1bb

This text has a font color of #80a1bb.

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

#80a1bb background color

This paragraph has a background color of #80a1bb.

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

#80a1bb border color

This element has a border color of #80a1bb.

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

CSS codes

.text {color:#80a1bb;}

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

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

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)
```
#293e4d
```
#293e4d rgb(41,62,77)
```
#30485a
```
#30485a rgb(48,72,90)
```
#375267
```
#375267 rgb(55,82,103)
```
#3e5c74
```
#3e5c74 rgb(62,92,116)
```
#456681
```
#456681 rgb(69,102,129)
```
#4c708d
```
#4c708d rgb(76,112,141)
```
#527b9a
```
#527b9a rgb(82,123,154)
```

Shade Color Variation

#5a85a6
```
#5a85a6 rgb(90,133,166)
```
#668ead
```
#668ead rgb(102,142,173)
```
#7398b4
```
#7398b4 rgb(115,152,180)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#8daac2
```
#8daac2 rgb(141,170,194)
```
#9ab4c9
```
#9ab4c9 rgb(154,180,201)
```
#a6bdd0
```
#a6bdd0 rgb(166,189,208)
```
#b3c7d6
```
#b3c7d6 rgb(179,199,214)
```
#c0d0dd
```
#c0d0dd rgb(192,208,221)
```
#cddae4
```
#cddae4 rgb(205,218,228)
```
#d9e3eb
```
#d9e3eb rgb(217,227,235)
```
#e6edf2
```
#e6edf2 rgb(230,237,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 #3da9ff is the most saturated one.

#979ea5
```
#979ea5 rgb(151,158,165)
```
#8f9fac
```
#8f9fac rgb(143,159,172)
```
#88a0b4
```
#88a0b4 rgb(136,160,180)
```
#80a1bb
```
#80a1bb rgb(128,161,187)
```
#79a2c3
```
#79a2c3 rgb(121,162,195)
```
#71a3ca
```
#71a3ca rgb(113,163,202)
```
#6aa4d2
```
#6aa4d2 rgb(106,164,210)
```
#62a5d9
```
#62a5d9 rgb(98,165,217)
```
#5ba5e1
```
#5ba5e1 rgb(91,165,225)
```
#53a6e8
```
#53a6e8 rgb(83,166,232)
```
#4ca7f0
```
#4ca7f0 rgb(76,167,240)
```
#44a8f7
```
#44a8f7 rgb(68,168,247)
```
#3da9ff
```
#3da9ff rgb(61,169,255)
```

Tone Color Variation

Below, you can see how #80a1bb 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

#9ca0bb Protanopia 1% of men
#a09ec1 Deuteranopia 1% of men
#83a7b3 Tritanopia 0.001% of the population

Trichromacy

#92a0bb Protanomaly 1% of men, 0.01% of women
#949fbe Deuteranomaly 6% of men, 0.4% of women
#82a5b6 Tritanomaly 0.01% of the population

#80a1bb hex color

#80a1bb Color Information

#80a1bb Color Conversion

Color Schemes with #80a1bb

Alternatives to #80a1bb

#80a1bb Preview

Shades and Tints of #80a1bb

Tones of #80a1bb

Color Blindness Simulator