#80a2bb hex color

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

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

● #80a2bb color description : Slightly desaturated blue.

The hexadecimal color #80a2bb has RGB values of R:128, G:162, B:187 and CMYK values of C:0.32, M:0.13, Y:0, K:0.27. Its decimal value is 8430267.

Hex triplet	80a2bb	`#80a2bb`
RGB Decimal	128, 162, 187	`rgb(128,162,187)`
RGB Percent	50.2, 63.5, 73.3	`rgb(50.2%,63.5%,73.3%)`
CMYK	32, 13, 0, 27
HSL	205.4°, 30.3, 61.8	`hsl(205.4,30.3%,61.8%)`
HSV (or HSB)	205.4°, 31.6, 73.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	64.976, -5.639, -16.672
XYZ	30.79, 34.017, 51.955
xyY	0.264, 0.291, 34.017
CIE-LCH	64.976, 17.599, 251.313
CIE-LUV	64.976, -17.836, -24.526
Hunter-Lab	58.324, -7.834, -11.989
Binary	10000000, 10100010, 10111011

#80a2bb
```
#80a2bb rgb(128,162,187)
```
#bb9980
```
#bb9980 rgb(187,153,128)
```

Complementary Color

#80bbb7
```
#80bbb7 rgb(128,187,183)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#8085bb
```
#8085bb rgb(128,133,187)
```

Analogous Color

#bbb780
```
#bbb780 rgb(187,183,128)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#bb8085
```
#bb8085 rgb(187,128,133)
```

Split Complementary Color

#a2bb80
```
#a2bb80 rgb(162,187,128)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#bb80a2
```
#bb80a2 rgb(187,128,162)
```

Triadic Color

#80bb99
```
#80bb99 rgb(128,187,153)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#bb80a2
```
#bb80a2 rgb(187,128,162)
```
#bb9980
```
#bb9980 rgb(187,153,128)
```

Tetradic Color

#537d9b
```
#537d9b rgb(83,125,155)
```
#5f8aa9
```
#5f8aa9 rgb(95,138,169)
```
#6f96b2
```
#6f96b2 rgb(111,150,178)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#91aec4
```
#91aec4 rgb(145,174,196)
```
#a1bacd
```
#a1bacd rgb(161,186,205)
```
#b2c6d6
```
#b2c6d6 rgb(178,198,214)
```

Monochromatic Color

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

#80b1bb
```
#80b1bb rgb(128,177,187)
```
#80acbb
```
#80acbb rgb(128,172,187)
```
#80a7bb
```
#80a7bb rgb(128,167,187)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#809dbb
```
#809dbb rgb(128,157,187)
```
#8098bb
```
#8098bb rgb(128,152,187)
```
#8093bb
```
#8093bb rgb(128,147,187)
```

Similar Colors

Text with hexadecimal color #80a2bb

This text has a font color of #80a2bb.

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

#80a2bb background color

This paragraph has a background color of #80a2bb.

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

#80a2bb border color

This element has a border color of #80a2bb.

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

CSS codes

.text {color:#80a2bb;}

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

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

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)
```
#1c2a34
```
#1c2a34 rgb(28,42,52)
```
#233441
```
#233441 rgb(35,52,65)
```
#293e4d
```
#293e4d rgb(41,62,77)
```
#30485a
```
#30485a rgb(48,72,90)
```
#375367
```
#375367 rgb(55,83,103)
```
#3e5d74
```
#3e5d74 rgb(62,93,116)
```
#456781
```
#456781 rgb(69,103,129)
```
#4c718d
```
#4c718d rgb(76,113,141)
```
#527c9a
```
#527c9a rgb(82,124,154)
```

Shade Color Variation

#5a86a6
```
#5a86a6 rgb(90,134,166)
```
#668fad
```
#668fad rgb(102,143,173)
```
#7399b4
```
#7399b4 rgb(115,153,180)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#8dabc2
```
#8dabc2 rgb(141,171,194)
```
#9ab5c9
```
#9ab5c9 rgb(154,181,201)
```
#a6bed0
```
#a6bed0 rgb(166,190,208)
```
#b3c7d6
```
#b3c7d6 rgb(179,199,214)
```
#c0d1dd
```
#c0d1dd rgb(192,209,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, #979fa5 is the less saturated color, while #3dacff is the most saturated one.

#979fa5
```
#979fa5 rgb(151,159,165)
```
#8fa0ac
```
#8fa0ac rgb(143,160,172)
```
#88a1b4
```
#88a1b4 rgb(136,161,180)
```
#80a2bb
```
#80a2bb rgb(128,162,187)
```
#79a3c3
```
#79a3c3 rgb(121,163,195)
```
#71a4ca
```
#71a4ca rgb(113,164,202)
```
#6aa5d2
```
#6aa5d2 rgb(106,165,210)
```
#62a7d9
```
#62a7d9 rgb(98,167,217)
```
#5ba8e1
```
#5ba8e1 rgb(91,168,225)
```
#53a9e8
```
#53a9e8 rgb(83,169,232)
```
#4caaf0
```
#4caaf0 rgb(76,170,240)
```
#44abf7
```
#44abf7 rgb(68,171,247)
```
#3dacff
```
#3dacff rgb(61,172,255)
```

Tone Color Variation

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

Dichromacy

#9da1bb Protanopia 1% of men
#a19fc1 Deuteranopia 1% of men
#83a8b4 Tritanopia 0.001% of the population

Trichromacy

#92a1bb Protanomaly 1% of men, 0.01% of women
#95a0be Deuteranomaly 6% of men, 0.4% of women
#82a6b7 Tritanomaly 0.01% of the population

#80a2bb hex color

#80a2bb Color Information

#80a2bb Color Conversion

Color Schemes with #80a2bb

Alternatives to #80a2bb

#80a2bb Preview

Shades and Tints of #80a2bb

Tones of #80a2bb

Color Blindness Simulator