#80bcb2 hex color

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

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

● #80bcb2 color description : Slightly desaturated cyan.

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

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

CIE-LAB	72.073, -21.521, -1.127
XYZ	34.919, 43.768, 48.725
xyY	0.274, 0.344, 43.768
CIE-LCH	72.073, 21.551, 182.997
CIE-LUV	72.073, -29.127, 1.82
Hunter-Lab	66.158, -21.561, 2.643
Binary	10000000, 10111100, 10110010

#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#bc808a
```
#bc808a rgb(188,128,138)
```

Complementary Color

#80bc94
```
#80bc94 rgb(128,188,148)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#80a8bc
```
#80a8bc rgb(128,168,188)
```

Analogous Color

#bc9480
```
#bc9480 rgb(188,148,128)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#bc80a8
```
#bc80a8 rgb(188,128,168)
```

Split Complementary Color

#bcb280
```
#bcb280 rgb(188,178,128)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#b280bc
```
#b280bc rgb(178,128,188)
```

Triadic Color

#8abc80
```
#8abc80 rgb(138,188,128)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#b280bc
```
#b280bc rgb(178,128,188)
```
#bc808a
```
#bc808a rgb(188,128,138)
```

Tetradic Color

#539d90
```
#539d90 rgb(83,157,144)
```
#5faa9e
```
#5faa9e rgb(95,170,158)
```
#6fb3a8
```
#6fb3a8 rgb(111,179,168)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#91c5bc
```
#91c5bc rgb(145,197,188)
```
#a1cec6
```
#a1cec6 rgb(161,206,198)
```
#b2d6d0
```
#b2d6d0 rgb(178,214,208)
```

Monochromatic Color

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

#80bca3
```
#80bca3 rgb(128,188,163)
```
#80bca8
```
#80bca8 rgb(128,188,168)
```
#80bcad
```
#80bcad rgb(128,188,173)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#80bcb7
```
#80bcb7 rgb(128,188,183)
```
#80bcbc
```
#80bcbc rgb(128,188,188)
```
#80b7bc
```
#80b7bc rgb(128,183,188)
```

Similar Colors

Text with hexadecimal color #80bcb2

This text has a font color of #80bcb2.

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

#80bcb2 background color

This paragraph has a background color of #80bcb2.

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

#80bcb2 border color

This element has a border color of #80bcb2.

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

CSS codes

.text {color:#80bcb2;}

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

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

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)
```
#23423c
```
#23423c rgb(35,66,60)
```
#294e48
```
#294e48 rgb(41,78,72)
```
#305b54
```
#305b54 rgb(48,91,84)
```
#376860
```
#376860 rgb(55,104,96)
```
#3e756c
```
#3e756c rgb(62,117,108)
```
#448278
```
#448278 rgb(68,130,120)
```
#4b8f83
```
#4b8f83 rgb(75,143,131)
```
#529c8f
```
#529c8f rgb(82,156,143)
```

Shade Color Variation

#59a89b
```
#59a89b rgb(89,168,155)
```
#66aea2
```
#66aea2 rgb(102,174,162)
```
#73b5aa
```
#73b5aa rgb(115,181,170)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#8dc3ba
```
#8dc3ba rgb(141,195,186)
```
#9acac2
```
#9acac2 rgb(154,202,194)
```
#a7d0c9
```
#a7d0c9 rgb(167,208,201)
```
#b3d7d1
```
#b3d7d1 rgb(179,215,209)
```
#c0ded9
```
#c0ded9 rgb(192,222,217)
```
#cde5e1
```
#cde5e1 rgb(205,229,225)
```
#daebe8
```
#daebe8 rgb(218,235,232)
```
#e7f2f0
```
#e7f2f0 rgb(231,242,240)
```
#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 #44f8da is the most saturated one.

#9e9e9e
```
#9e9e9e rgb(158,158,158)
```
#96a6a3
```
#96a6a3 rgb(150,166,163)
```
#8fada8
```
#8fada8 rgb(143,173,168)
```
#87b5ad
```
#87b5ad rgb(135,181,173)
```
#80bcb2
```
#80bcb2 rgb(128,188,178)
```
#79c3b7
```
#79c3b7 rgb(121,195,183)
```
#71cbbc
```
#71cbbc rgb(113,203,188)
```
#6ad2c1
```
#6ad2c1 rgb(106,210,193)
```
#62dac6
```
#62dac6 rgb(98,218,198)
```
#5be1cb
```
#5be1cb rgb(91,225,203)
```
#53e9d0
```
#53e9d0 rgb(83,233,208)
```
#4cf0d5
```
#4cf0d5 rgb(76,240,213)
```
#44f8da
```
#44f8da rgb(68,248,218)
```

Tone Color Variation

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

#b8b3af Protanopia 1% of men
#c2afbb Deuteranopia 1% of men
#8cbcca Tritanopia 0.001% of the population

Trichromacy

#a4b6b0 Protanomaly 1% of men, 0.01% of women
#aab4b7 Deuteranomaly 6% of men, 0.4% of women
#87bcc1 Tritanomaly 0.01% of the population

#80bcb2 hex color

#80bcb2 Color Information

#80bcb2 Color Conversion

Color Schemes with #80bcb2

Alternatives to #80bcb2

#80bcb2 Preview

Shades and Tints of #80bcb2

Tones of #80bcb2

Color Blindness Simulator