#80a1ba hex color

In a RGB color space, hex #80a1ba is composed of 50.2% red, 63.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 13.4% magenta, 0% yellow and 27.1% black. It has a hue angle of 205.9 degrees, a saturation of 29.6% and a lightness of 61.6%. #80a1ba color hex could be obtained by blending #ffffff with #014375. Closest websafe color is: #9999cc.

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

● #80a1ba color description : Slightly desaturated blue.

The hexadecimal color #80a1ba has RGB values of R:128, G:161, B:186 and CMYK values of C:0.31, M:0.13, Y:0, K:0.27. Its decimal value is 8430010.

Hex triplet	80a1ba	`#80a1ba`
RGB Decimal	128, 161, 186	`rgb(128,161,186)`
RGB Percent	50.2, 63.1, 72.9	`rgb(50.2%,63.1%,72.9%)`
CMYK	31, 13, 0, 27
HSL	205.9°, 29.6, 61.6	`hsl(205.9,29.6%,61.6%)`
HSV (or HSB)	205.9°, 31.2, 72.9
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.662, -5.34, -16.588
XYZ	30.508, 33.623, 51.334
xyY	0.264, 0.291, 33.623
CIE-LCH	64.662, 17.426, 252.157
CIE-LUV	64.662, -17.391, -24.417
Hunter-Lab	57.985, -7.56, -11.899
Binary	10000000, 10100001, 10111010

#80a1ba
```
#80a1ba rgb(128,161,186)
```
#ba9980
```
#ba9980 rgb(186,153,128)
```

Complementary Color

#80bab6
```
#80bab6 rgb(128,186,182)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#8084ba
```
#8084ba rgb(128,132,186)
```

Analogous Color

#bab680
```
#bab680 rgb(186,182,128)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#ba8084
```
#ba8084 rgb(186,128,132)
```

Split Complementary Color

#a1ba80
```
#a1ba80 rgb(161,186,128)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#ba80a1
```
#ba80a1 rgb(186,128,161)
```

Triadic Color

#80ba99
```
#80ba99 rgb(128,186,153)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#ba80a1
```
#ba80a1 rgb(186,128,161)
```
#ba9980
```
#ba9980 rgb(186,153,128)
```

Tetradic Color

#547c9a
```
#547c9a rgb(84,124,154)
```
#5f89a8
```
#5f89a8 rgb(95,137,168)
```
#6f95b1
```
#6f95b1 rgb(111,149,177)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#91adc3
```
#91adc3 rgb(145,173,195)
```
#a1b9cc
```
#a1b9cc rgb(161,185,204)
```
#b2c6d5
```
#b2c6d5 rgb(178,198,213)
```

Monochromatic Color

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

#80b0ba
```
#80b0ba rgb(128,176,186)
```
#80abba
```
#80abba rgb(128,171,186)
```
#80a6ba
```
#80a6ba rgb(128,166,186)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#809cba
```
#809cba rgb(128,156,186)
```
#8097ba
```
#8097ba rgb(128,151,186)
```
#8093ba
```
#8093ba rgb(128,147,186)
```

Similar Colors

Text with hexadecimal color #80a1ba

This text has a font color of #80a1ba.

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

#80a1ba background color

This paragraph has a background color of #80a1ba.

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

#80a1ba border color

This element has a border color of #80a1ba.

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

CSS codes

.text {color:#80a1ba;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0e141a
```
#0e141a rgb(14,20,26)
```
#151f26
```
#151f26 rgb(21,31,38)
```
#1c2933
```
#1c2933 rgb(28,41,51)
```
#233340
```
#233340 rgb(35,51,64)
```
#293d4c
```
#293d4c rgb(41,61,76)
```
#304859
```
#304859 rgb(48,72,89)
```
#375266
```
#375266 rgb(55,82,102)
```
#3e5c72
```
#3e5c72 rgb(62,92,114)
```
#45667f
```
#45667f rgb(69,102,127)
```
#4c708c
```
#4c708c rgb(76,112,140)
```
#537b99
```
#537b99 rgb(83,123,153)
```

Shade Color Variation

#5a85a5
```
#5a85a5 rgb(90,133,165)
```
#678eac
```
#678eac rgb(103,142,172)
```
#7398b3
```
#7398b3 rgb(115,152,179)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#8daac1
```
#8daac1 rgb(141,170,193)
```
#99b4c8
```
#99b4c8 rgb(153,180,200)
```
#a6bdcf
```
#a6bdcf rgb(166,189,207)
```
#b3c7d6
```
#b3c7d6 rgb(179,199,214)
```
#c0d0dd
```
#c0d0dd rgb(192,208,221)
```
#ccd9e3
```
#ccd9e3 rgb(204,217,227)
```
#d9e3ea
```
#d9e3ea rgb(217,227,234)
```
#e6ecf1
```
#e6ecf1 rgb(230,236,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```

Tint Color Variation

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

#979ea3
```
#979ea3 rgb(151,158,163)
```
#8f9fab
```
#8f9fab rgb(143,159,171)
```
#88a0b2
```
#88a0b2 rgb(136,160,178)
```
#80a1ba
```
#80a1ba rgb(128,161,186)
```
#78a2c2
```
#78a2c2 rgb(120,162,194)
```
#71a3c9
```
#71a3c9 rgb(113,163,201)
```
#69a4d1
```
#69a4d1 rgb(105,164,209)
```
#62a5d8
```
#62a5d8 rgb(98,165,216)
```
#5aa6e0
```
#5aa6e0 rgb(90,166,224)
```
#53a7e7
```
#53a7e7 rgb(83,167,231)
```
#4ba8ef
```
#4ba8ef rgb(75,168,239)
```
#44a9f6
```
#44a9f6 rgb(68,169,246)
```
#3caafe
```
#3caafe rgb(60,170,254)
```

Tone Color Variation

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

Dichromacy

#9ca0ba Protanopia 1% of men
#a19ec0 Deuteranopia 1% of men
#83a7b3 Tritanopia 0.001% of the population

Trichromacy

#92a0ba Protanomaly 1% of men, 0.01% of women
#959fbd Deuteranomaly 6% of men, 0.4% of women
#82a5b6 Tritanomaly 0.01% of the population

#80a1ba hex color

#80a1ba Color Information

#80a1ba Color Conversion

Color Schemes with #80a1ba

Alternatives to #80a1ba

#80a1ba Preview

Shades and Tints of #80a1ba

Tones of #80a1ba

Color Blindness Simulator