#80bcb4 hex color

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

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

● #80bcb4 color description : Slightly desaturated cyan.

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

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

CIE-LAB	72.128, -21.065, -2.14
XYZ	35.121, 43.849, 49.791
xyY	0.273, 0.341, 43.849
CIE-LCH	72.128, 21.173, 185.802
CIE-LUV	72.128, -29.104, 0.218
Hunter-Lab	66.219, -21.21, 1.772
Binary	10000000, 10111100, 10110100

#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#bc8088
```
#bc8088 rgb(188,128,136)
```

Complementary Color

#80bc96
```
#80bc96 rgb(128,188,150)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#80a6bc
```
#80a6bc rgb(128,166,188)
```

Analogous Color

#bc9680
```
#bc9680 rgb(188,150,128)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#bc80a6
```
#bc80a6 rgb(188,128,166)
```

Split Complementary Color

#bcb480
```
#bcb480 rgb(188,180,128)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#b480bc
```
#b480bc rgb(180,128,188)
```

Triadic Color

#88bc80
```
#88bc80 rgb(136,188,128)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#b480bc
```
#b480bc rgb(180,128,188)
```
#bc8088
```
#bc8088 rgb(188,128,136)
```

Tetradic Color

#539d93
```
#539d93 rgb(83,157,147)
```
#5faaa0
```
#5faaa0 rgb(95,170,160)
```
#6fb3aa
```
#6fb3aa rgb(111,179,170)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#91c5be
```
#91c5be rgb(145,197,190)
```
#a1cec8
```
#a1cec8 rgb(161,206,200)
```
#b2d6d2
```
#b2d6d2 rgb(178,214,210)
```

Monochromatic Color

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

#80bca5
```
#80bca5 rgb(128,188,165)
```
#80bcaa
```
#80bcaa rgb(128,188,170)
```
#80bcaf
```
#80bcaf rgb(128,188,175)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#80bcb9
```
#80bcb9 rgb(128,188,185)
```
#80babc
```
#80babc rgb(128,186,188)
```
#80b5bc
```
#80b5bc rgb(128,181,188)
```

Similar Colors

Text with hexadecimal color #80bcb4

This text has a font color of #80bcb4.

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

#80bcb4 background color

This paragraph has a background color of #80bcb4.

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

#80bcb4 border color

This element has a border color of #80bcb4.

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

CSS codes

.text {color:#80bcb4;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0e1b19
```
#0e1b19 rgb(14,27,25)
```
#152825
```
#152825 rgb(21,40,37)
```
#1c3531
```
#1c3531 rgb(28,53,49)
```
#23423d
```
#23423d rgb(35,66,61)
```
#294e4a
```
#294e4a rgb(41,78,74)
```
#305b56
```
#305b56 rgb(48,91,86)
```
#376862
```
#376862 rgb(55,104,98)
```
#3e756e
```
#3e756e rgb(62,117,110)
```
#44827a
```
#44827a rgb(68,130,122)
```
#4b8f86
```
#4b8f86 rgb(75,143,134)
```
#529c92
```
#529c92 rgb(82,156,146)
```

Shade Color Variation

#59a89d
```
#59a89d rgb(89,168,157)
```
#66aea5
```
#66aea5 rgb(102,174,165)
```
#73b5ac
```
#73b5ac rgb(115,181,172)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#8dc3bc
```
#8dc3bc rgb(141,195,188)
```
#9acac3
```
#9acac3 rgb(154,202,195)
```
#a7d0cb
```
#a7d0cb rgb(167,208,203)
```
#b3d7d2
```
#b3d7d2 rgb(179,215,210)
```
#c0deda
```
#c0deda rgb(192,222,218)
```
#cde5e1
```
#cde5e1 rgb(205,229,225)
```
#daebe9
```
#daebe9 rgb(218,235,233)
```
#e7f2f1
```
#e7f2f1 rgb(231,242,241)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#96a6a4
```
#96a6a4 rgb(150,166,164)
```
#8fada9
```
#8fada9 rgb(143,173,169)
```
#87b5af
```
#87b5af rgb(135,181,175)
```
#80bcb4
```
#80bcb4 rgb(128,188,180)
```
#79c3b9
```
#79c3b9 rgb(121,195,185)
```
#71cbbf
```
#71cbbf rgb(113,203,191)
```
#6ad2c4
```
#6ad2c4 rgb(106,210,196)
```
#62daca
```
#62daca rgb(98,218,202)
```
#5be1cf
```
#5be1cf rgb(91,225,207)
```
#53e9d5
```
#53e9d5 rgb(83,233,213)
```
#4cf0da
```
#4cf0da rgb(76,240,218)
```
#44f8e0
```
#44f8e0 rgb(68,248,224)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a1adab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b4b1 Protanopia 1% of men
#c1afbd Deuteranopia 1% of men
#8bbcca Tritanopia 0.001% of the population

Trichromacy

#a3b6b2 Protanomaly 1% of men, 0.01% of women
#a9b4b9 Deuteranomaly 6% of men, 0.4% of women
#87bcc2 Tritanomaly 0.01% of the population

#80bcb4 hex color

#80bcb4 Color Information

#80bcb4 Color Conversion

Color Schemes with #80bcb4

Alternatives to #80bcb4

#80bcb4 Preview

Shades and Tints of #80bcb4

Tones of #80bcb4

Color Blindness Simulator