#80b4bb hex color

In a RGB color space, hex #80b4bb is composed of 50.2% red, 70.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 3.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 187.1 degrees, a saturation of 30.3% and a lightness of 61.8%. #80b4bb color hex could be obtained by blending #ffffff with #016977. Closest websafe color is: #99cccc.

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

● #80b4bb color description : Slightly desaturated cyan.

The hexadecimal color #80b4bb has RGB values of R:128, G:180, B:187 and CMYK values of C:0.32, M:0.04, Y:0, K:0.27. Its decimal value is 8434875.

Hex triplet	80b4bb	`#80b4bb`
RGB Decimal	128, 180, 187	`rgb(128,180,187)`
RGB Percent	50.2, 70.6, 73.3	`rgb(50.2%,70.6%,73.3%)`
CMYK	32, 4, 0, 27
HSL	187.1°, 30.3, 61.8	`hsl(187.1,30.3%,61.8%)`
HSV (or HSB)	187.1°, 31.6, 73.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.048, -15.299, -9.054
XYZ	34.191, 40.818, 53.088
xyY	0.267, 0.319, 40.818
CIE-LCH	70.048, 17.778, 210.618
CIE-LUV	70.048, -25.59, -11.288
Hunter-Lab	63.889, -16.28, -4.544
Binary	10000000, 10110100, 10111011

#80b4bb
```
#80b4bb rgb(128,180,187)
```
#bb8780
```
#bb8780 rgb(187,135,128)
```

Complementary Color

#80bba5
```
#80bba5 rgb(128,187,165)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#8097bb
```
#8097bb rgb(128,151,187)
```

Analogous Color

#bba580
```
#bba580 rgb(187,165,128)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#bb8097
```
#bb8097 rgb(187,128,151)
```

Split Complementary Color

#b4bb80
```
#b4bb80 rgb(180,187,128)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#bb80b4
```
#bb80b4 rgb(187,128,180)
```

Triadic Color

#80bb87
```
#80bb87 rgb(128,187,135)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#bb80b4
```
#bb80b4 rgb(187,128,180)
```
#bb8780
```
#bb8780 rgb(187,135,128)
```

Tetradic Color

#53939b
```
#53939b rgb(83,147,155)
```
#5fa0a9
```
#5fa0a9 rgb(95,160,169)
```
#6faab2
```
#6faab2 rgb(111,170,178)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#91bec4
```
#91bec4 rgb(145,190,196)
```
#a1c8cd
```
#a1c8cd rgb(161,200,205)
```
#b2d1d6
```
#b2d1d6 rgb(178,209,214)
```

Monochromatic Color

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

#80bbb3
```
#80bbb3 rgb(128,187,179)
```
#80bbb8
```
#80bbb8 rgb(128,187,184)
```
#80b9bb
```
#80b9bb rgb(128,185,187)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#80afbb
```
#80afbb rgb(128,175,187)
```
#80aabb
```
#80aabb rgb(128,170,187)
```
#80a5bb
```
#80a5bb rgb(128,165,187)
```

Similar Colors

Text with hexadecimal color #80b4bb

This text has a font color of #80b4bb.

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

#80b4bb background color

This paragraph has a background color of #80b4bb.

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

#80b4bb border color

This element has a border color of #80b4bb.

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

CSS codes

.text {color:#80b4bb;}

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

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

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 #f3f8f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#070d0e
```
#070d0e rgb(7,13,14)
```
#0e191a
```
#0e191a rgb(14,25,26)
```
#152527
```
#152527 rgb(21,37,39)
```
#1c3134
```
#1c3134 rgb(28,49,52)
```
#233d41
```
#233d41 rgb(35,61,65)
```
#29494d
```
#29494d rgb(41,73,77)
```
#30555a
```
#30555a rgb(48,85,90)
```
#376167
```
#376167 rgb(55,97,103)
```
#3e6d74
```
#3e6d74 rgb(62,109,116)
```
#457981
```
#457981 rgb(69,121,129)
```
#4c858d
```
#4c858d rgb(76,133,141)
```
#52929a
```
#52929a rgb(82,146,154)
```

Shade Color Variation

#5a9da6
```
#5a9da6 rgb(90,157,166)
```
#66a5ad
```
#66a5ad rgb(102,165,173)
```
#73acb4
```
#73acb4 rgb(115,172,180)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#8dbcc2
```
#8dbcc2 rgb(141,188,194)
```
#9ac3c9
```
#9ac3c9 rgb(154,195,201)
```
#a6cbd0
```
#a6cbd0 rgb(166,203,208)
```
#b3d2d6
```
#b3d2d6 rgb(179,210,214)
```
#c0dadd
```
#c0dadd rgb(192,218,221)
```
#cde1e4
```
#cde1e4 rgb(205,225,228)
```
#d9e9eb
```
#d9e9eb rgb(217,233,235)
```
#e6f0f2
```
#e6f0f2 rgb(230,240,242)
```
#f3f8f9
```
#f3f8f9 rgb(243,248,249)
```

Tint Color Variation

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

#97a3a5
```
#97a3a5 rgb(151,163,165)
```
#8fa9ac
```
#8fa9ac rgb(143,169,172)
```
#88aeb4
```
#88aeb4 rgb(136,174,180)
```
#80b4bb
```
#80b4bb rgb(128,180,187)
```
#79bac3
```
#79bac3 rgb(121,186,195)
```
#71bfca
```
#71bfca rgb(113,191,202)
```
#6ac5d2
```
#6ac5d2 rgb(106,197,210)
```
#62cbd9
```
#62cbd9 rgb(98,203,217)
```
#5bd1e1
```
#5bd1e1 rgb(91,209,225)
```
#53d6e8
```
#53d6e8 rgb(83,214,232)
```
#4cdcf0
```
#4cdcf0 rgb(76,220,240)
```
#44e2f7
```
#44e2f7 rgb(68,226,247)
```
#3de7ff
```
#3de7ff rgb(61,231,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ea8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaeb9 Protanopia 1% of men
#b6abc2 Deuteranopia 1% of men
#88b6c4 Tritanopia 0.001% of the population

Trichromacy

#9eb0b9 Protanomaly 1% of men, 0.01% of women
#a2aec0 Deuteranomaly 6% of men, 0.4% of women
#85b5c0 Tritanomaly 0.01% of the population

#80b4bb hex color

#80b4bb Color Information

#80b4bb Color Conversion

Color Schemes with #80b4bb

Alternatives to #80b4bb

#80b4bb Preview

Shades and Tints of #80b4bb

Tones of #80b4bb

Color Blindness Simulator