#80b4bc hex color

In a RGB color space, hex #80b4bc is composed of 50.2% red, 70.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 4.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 188 degrees, a saturation of 30.9% and a lightness of 62%. #80b4bc color hex could be obtained by blending #ffffff with #016979. Closest websafe color is: #99cccc.

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

● #80b4bc color description : Slightly desaturated cyan.

The hexadecimal color #80b4bc has RGB values of R:128, G:180, B:188 and CMYK values of C:0.32, M:0.04, Y:0, K:0.26. Its decimal value is 8434876.

Hex triplet	80b4bc	`#80b4bc`
RGB Decimal	128, 180, 188	`rgb(128,180,188)`
RGB Percent	50.2, 70.6, 73.7	`rgb(50.2%,70.6%,73.7%)`
CMYK	32, 4, 0, 26
HSL	188°, 30.9, 62	`hsl(188,30.9%,62%)`
HSV (or HSB)	188°, 31.9, 73.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.079, -15.057, -9.56
XYZ	34.298, 40.861, 53.654
xyY	0.266, 0.317, 40.861
CIE-LCH	70.079, 17.836, 212.411
CIE-LUV	70.079, -25.585, -12.116
Hunter-Lab	63.923, -16.089, -5.02
Binary	10000000, 10110100, 10111100

#80b4bc
```
#80b4bc rgb(128,180,188)
```
#bc8880
```
#bc8880 rgb(188,136,128)
```

Complementary Color

#80bca6
```
#80bca6 rgb(128,188,166)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#8096bc
```
#8096bc rgb(128,150,188)
```

Analogous Color

#bca680
```
#bca680 rgb(188,166,128)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#bc8096
```
#bc8096 rgb(188,128,150)
```

Split Complementary Color

#b4bc80
```
#b4bc80 rgb(180,188,128)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#bc80b4
```
#bc80b4 rgb(188,128,180)
```

Triadic Color

#80bc88
```
#80bc88 rgb(128,188,136)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#bc80b4
```
#bc80b4 rgb(188,128,180)
```
#bc8880
```
#bc8880 rgb(188,136,128)
```

Tetradic Color

#53939d
```
#53939d rgb(83,147,157)
```
#5fa0aa
```
#5fa0aa rgb(95,160,170)
```
#6faab3
```
#6faab3 rgb(111,170,179)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#91bec5
```
#91bec5 rgb(145,190,197)
```
#a1c8ce
```
#a1c8ce rgb(161,200,206)
```
#b2d2d6
```
#b2d2d6 rgb(178,210,214)
```

Monochromatic Color

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

#80bcb5
```
#80bcb5 rgb(128,188,181)
```
#80bcba
```
#80bcba rgb(128,188,186)
```
#80b9bc
```
#80b9bc rgb(128,185,188)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#80afbc
```
#80afbc rgb(128,175,188)
```
#80aabc
```
#80aabc rgb(128,170,188)
```
#80a5bc
```
#80a5bc rgb(128,165,188)
```

Similar Colors

Text with hexadecimal color #80b4bc

This text has a font color of #80b4bc.

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

#80b4bc background color

This paragraph has a background color of #80b4bc.

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

#80b4bc border color

This element has a border color of #80b4bc.

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

CSS codes

.text {color:#80b4bc;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080d0e
```
#080d0e rgb(8,13,14)
```
#0e191b
```
#0e191b rgb(14,25,27)
```
#152528
```
#152528 rgb(21,37,40)
```
#1c3135
```
#1c3135 rgb(28,49,53)
```
#233d42
```
#233d42 rgb(35,61,66)
```
#294a4e
```
#294a4e rgb(41,74,78)
```
#30565b
```
#30565b rgb(48,86,91)
```
#376268
```
#376268 rgb(55,98,104)
```
#3e6e75
```
#3e6e75 rgb(62,110,117)
```
#447a82
```
#447a82 rgb(68,122,130)
```
#4b868f
```
#4b868f rgb(75,134,143)
```
#52929c
```
#52929c rgb(82,146,156)
```

Shade Color Variation

#599da8
```
#599da8 rgb(89,157,168)
```
#66a5ae
```
#66a5ae rgb(102,165,174)
```
#73acb5
```
#73acb5 rgb(115,172,181)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#8dbcc3
```
#8dbcc3 rgb(141,188,195)
```
#9ac3ca
```
#9ac3ca rgb(154,195,202)
```
#a7cbd0
```
#a7cbd0 rgb(167,203,208)
```
#b3d2d7
```
#b3d2d7 rgb(179,210,215)
```
#c0dade
```
#c0dade rgb(192,218,222)
```
#cde1e5
```
#cde1e5 rgb(205,225,229)
```
#dae9eb
```
#dae9eb rgb(218,233,235)
```
#e7f1f2
```
#e7f1f2 rgb(231,241,242)
```
#f4f8f9
```
#f4f8f9 rgb(244,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9e9e is the less saturated color, while #44e0f8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#96a4a6
```
#96a4a6 rgb(150,164,166)
```
#8fa9ad
```
#8fa9ad rgb(143,169,173)
```
#87afb5
```
#87afb5 rgb(135,175,181)
```
#80b4bc
```
#80b4bc rgb(128,180,188)
```
#79b9c3
```
#79b9c3 rgb(121,185,195)
```
#71bfcb
```
#71bfcb rgb(113,191,203)
```
#6ac4d2
```
#6ac4d2 rgb(106,196,210)
```
#62cada
```
#62cada rgb(98,202,218)
```
#5bcfe1
```
#5bcfe1 rgb(91,207,225)
```
#53d5e9
```
#53d5e9 rgb(83,213,233)
```
#4cdaf0
```
#4cdaf0 rgb(76,218,240)
```
#44e0f8
```
#44e0f8 rgb(68,224,248)
```

Tone Color Variation

Below, you can see how #80b4bc 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
#9ea8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#afaeba Protanopia 1% of men
#b5abc3 Deuteranopia 1% of men
#88b7c4 Tritanopia 0.001% of the population

Trichromacy

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

#80b4bc hex color

#80b4bc Color Information

#80b4bc Color Conversion

Color Schemes with #80b4bc

Alternatives to #80b4bc

#80b4bc Preview

Shades and Tints of #80b4bc

Tones of #80b4bc

Color Blindness Simulator