#80b2bc hex color

In a RGB color space, hex #80b2bc is composed of 50.2% red, 69.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 5.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 190 degrees, a saturation of 30.9% and a lightness of 62%. #80b2bc color hex could be obtained by blending #ffffff with #016579. Closest websafe color is: #9999cc.

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

● #80b2bc color description : Slightly desaturated cyan.

The hexadecimal color #80b2bc has RGB values of R:128, G:178, B:188 and CMYK values of C:0.32, M:0.05, Y:0, K:0.26. Its decimal value is 8434364.

Hex triplet	80b2bc	`#80b2bc`
RGB Decimal	128, 178, 188	`rgb(128,178,188)`
RGB Percent	50.2, 69.8, 73.7	`rgb(50.2%,69.8%,73.7%)`
CMYK	32, 5, 0, 26
HSL	190°, 30.9, 62	`hsl(190,30.9%,62%)`
HSV (or HSB)	190°, 31.9, 73.7
Web Safe	9999cc	`#9999cc`

CIE-LAB	69.512, -14.007, -10.405
XYZ	33.897, 40.059, 53.52
xyY	0.266, 0.314, 40.059
CIE-LCH	69.512, 17.449, 216.608
CIE-LUV	69.512, -24.726, -13.584
Hunter-Lab	63.293, -15.163, -5.831
Binary	10000000, 10110010, 10111100

#80b2bc
```
#80b2bc rgb(128,178,188)
```
#bc8a80
```
#bc8a80 rgb(188,138,128)
```

Complementary Color

#80bca8
```
#80bca8 rgb(128,188,168)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#8094bc
```
#8094bc rgb(128,148,188)
```

Analogous Color

#bca880
```
#bca880 rgb(188,168,128)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#bc8094
```
#bc8094 rgb(188,128,148)
```

Split Complementary Color

#b2bc80
```
#b2bc80 rgb(178,188,128)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#bc80b2
```
#bc80b2 rgb(188,128,178)
```

Triadic Color

#80bc8a
```
#80bc8a rgb(128,188,138)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#bc80b2
```
#bc80b2 rgb(188,128,178)
```
#bc8a80
```
#bc8a80 rgb(188,138,128)
```

Tetradic Color

#53909d
```
#53909d rgb(83,144,157)
```
#5f9eaa
```
#5f9eaa rgb(95,158,170)
```
#6fa8b3
```
#6fa8b3 rgb(111,168,179)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#91bcc5
```
#91bcc5 rgb(145,188,197)
```
#a1c6ce
```
#a1c6ce rgb(161,198,206)
```
#b2d0d6
```
#b2d0d6 rgb(178,208,214)
```

Monochromatic Color

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

#80bcb7
```
#80bcb7 rgb(128,188,183)
```
#80bcbc
```
#80bcbc rgb(128,188,188)
```
#80b7bc
```
#80b7bc rgb(128,183,188)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#80adbc
```
#80adbc rgb(128,173,188)
```
#80a8bc
```
#80a8bc rgb(128,168,188)
```
#80a3bc
```
#80a3bc rgb(128,163,188)
```

Similar Colors

Text with hexadecimal color #80b2bc

This text has a font color of #80b2bc.

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

#80b2bc background color

This paragraph has a background color of #80b2bc.

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

#80b2bc border color

This element has a border color of #80b2bc.

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

CSS codes

.text {color:#80b2bc;}

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

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

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)
```
#233c42
```
#233c42 rgb(35,60,66)
```
#29484e
```
#29484e rgb(41,72,78)
```
#30545b
```
#30545b rgb(48,84,91)
```
#376068
```
#376068 rgb(55,96,104)
```
#3e6c75
```
#3e6c75 rgb(62,108,117)
```
#447882
```
#447882 rgb(68,120,130)
```
#4b838f
```
#4b838f rgb(75,131,143)
```
#528f9c
```
#528f9c rgb(82,143,156)
```

Shade Color Variation

#599ba8
```
#599ba8 rgb(89,155,168)
```
#66a2ae
```
#66a2ae rgb(102,162,174)
```
#73aab5
```
#73aab5 rgb(115,170,181)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#8dbac3
```
#8dbac3 rgb(141,186,195)
```
#9ac2ca
```
#9ac2ca rgb(154,194,202)
```
#a7c9d0
```
#a7c9d0 rgb(167,201,208)
```
#b3d1d7
```
#b3d1d7 rgb(179,209,215)
```
#c0d9de
```
#c0d9de rgb(192,217,222)
```
#cde1e5
```
#cde1e5 rgb(205,225,229)
```
#dae8eb
```
#dae8eb rgb(218,232,235)
```
#e7f0f2
```
#e7f0f2 rgb(231,240,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 #44daf8 is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#96a3a6
```
#96a3a6 rgb(150,163,166)
```
#8fa8ad
```
#8fa8ad rgb(143,168,173)
```
#87adb5
```
#87adb5 rgb(135,173,181)
```
#80b2bc
```
#80b2bc rgb(128,178,188)
```
#79b7c3
```
#79b7c3 rgb(121,183,195)
```
#71bccb
```
#71bccb rgb(113,188,203)
```
#6ac1d2
```
#6ac1d2 rgb(106,193,210)
```
#62c6da
```
#62c6da rgb(98,198,218)
```
#5bcbe1
```
#5bcbe1 rgb(91,203,225)
```
#53d0e9
```
#53d0e9 rgb(83,208,233)
```
#4cd5f0
```
#4cd5f0 rgb(76,213,240)
```
#44daf8
```
#44daf8 rgb(68,218,248)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da7a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#b3aac3 Deuteranopia 1% of men
#87b5c2 Tritanopia 0.001% of the population

Trichromacy

#9caebb Protanomaly 1% of men, 0.01% of women
#a0acc0 Deuteranomaly 6% of men, 0.4% of women
#84b4c0 Tritanomaly 0.01% of the population

#80b2bc hex color

#80b2bc Color Information

#80b2bc Color Conversion

Color Schemes with #80b2bc

Alternatives to #80b2bc

#80b2bc Preview

Shades and Tints of #80b2bc

Tones of #80b2bc

Color Blindness Simulator