#80b8ba hex color

In a RGB color space, hex #80b8ba is composed of 50.2% red, 72.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 1.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 182.1 degrees, a saturation of 29.6% and a lightness of 61.6%. #80b8ba color hex could be obtained by blending #ffffff with #017175. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 50
- G 72
- B 73
RGB color chart
- C 31
- M 1
- Y 0
- K 27
CMYK color chart

● #80b8ba color description : Slightly desaturated cyan.

The hexadecimal color #80b8ba has RGB values of R:128, G:184, B:186 and CMYK values of C:0.31, M:0.01, Y:0, K:0.27. Its decimal value is 8435898.

Hex triplet	80b8ba	`#80b8ba`
RGB Decimal	128, 184, 186	`rgb(128,184,186)`
RGB Percent	50.2, 72.2, 72.9	`rgb(50.2%,72.2%,72.9%)`
CMYK	31, 1, 0, 27
HSL	182.1°, 29.6, 61.6	`hsl(182.1,29.6%,61.6%)`
HSV (or HSB)	182.1°, 31.2, 72.9
Web Safe	99cccc	`#99cccc`

CIE-LAB	71.155, -17.618, -6.86
XYZ	34.903, 42.414, 52.799
xyY	0.268, 0.326, 42.414
CIE-LCH	71.155, 18.906, 201.275
CIE-LUV	71.155, -27.317, -7.543
Hunter-Lab	65.126, -18.306, -2.48
Binary	10000000, 10111000, 10111010

#80b8ba
```
#80b8ba rgb(128,184,186)
```
#ba8280
```
#ba8280 rgb(186,130,128)
```

Complementary Color

#80ba9f
```
#80ba9f rgb(128,186,159)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#809bba
```
#809bba rgb(128,155,186)
```

Analogous Color

#ba9f80
```
#ba9f80 rgb(186,159,128)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#ba809b
```
#ba809b rgb(186,128,155)
```

Split Complementary Color

#b8ba80
```
#b8ba80 rgb(184,186,128)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#ba80b8
```
#ba80b8 rgb(186,128,184)
```

Triadic Color

#80ba82
```
#80ba82 rgb(128,186,130)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#ba80b8
```
#ba80b8 rgb(186,128,184)
```
#ba8280
```
#ba8280 rgb(186,130,128)
```

Tetradic Color

#54979a
```
#54979a rgb(84,151,154)
```
#5fa6a8
```
#5fa6a8 rgb(95,166,168)
```
#6fafb1
```
#6fafb1 rgb(111,175,177)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#91c1c3
```
#91c1c3 rgb(145,193,195)
```
#a1cacc
```
#a1cacc rgb(161,202,204)
```
#b2d4d5
```
#b2d4d5 rgb(178,212,213)
```

Monochromatic Color

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

#80baae
```
#80baae rgb(128,186,174)
```
#80bab2
```
#80bab2 rgb(128,186,178)
```
#80bab7
```
#80bab7 rgb(128,186,183)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#80b3ba
```
#80b3ba rgb(128,179,186)
```
#80aeba
```
#80aeba rgb(128,174,186)
```
#80aaba
```
#80aaba rgb(128,170,186)
```

Similar Colors

Text with hexadecimal color #80b8ba

This text has a font color of #80b8ba.

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

#80b8ba background color

This paragraph has a background color of #80b8ba.

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

#80b8ba border color

This element has a border color of #80b8ba.

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

CSS codes

.text {color:#80b8ba;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070d0d
```
#070d0d rgb(7,13,13)
```
#0e191a
```
#0e191a rgb(14,25,26)
```
#152626
```
#152626 rgb(21,38,38)
```
#1c3233
```
#1c3233 rgb(28,50,51)
```
#233f40
```
#233f40 rgb(35,63,64)
```
#294b4c
```
#294b4c rgb(41,75,76)
```
#305859
```
#305859 rgb(48,88,89)
```
#376466
```
#376466 rgb(55,100,102)
```
#3e7172
```
#3e7172 rgb(62,113,114)
```
#457d7f
```
#457d7f rgb(69,125,127)
```
#4c8a8c
```
#4c8a8c rgb(76,138,140)
```
#539699
```
#539699 rgb(83,150,153)
```

Shade Color Variation

#5aa3a5
```
#5aa3a5 rgb(90,163,165)
```
#67aaac
```
#67aaac rgb(103,170,172)
```
#73b1b3
```
#73b1b3 rgb(115,177,179)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#8dbfc1
```
#8dbfc1 rgb(141,191,193)
```
#99c6c8
```
#99c6c8 rgb(153,198,200)
```
#a6cdcf
```
#a6cdcf rgb(166,205,207)
```
#b3d4d6
```
#b3d4d6 rgb(179,212,214)
```
#c0dcdd
```
#c0dcdd rgb(192,220,221)
```
#cce3e3
```
#cce3e3 rgb(204,227,227)
```
#d9eaea
```
#d9eaea rgb(217,234,234)
```
#e6f1f1
```
#e6f1f1 rgb(230,241,241)
```
#f2f8f8
```
#f2f8f8 rgb(242,248,248)
```

Tint Color Variation

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

#97a3a3
```
#97a3a3 rgb(151,163,163)
```
#8faaab
```
#8faaab rgb(143,170,171)
```
#88b1b2
```
#88b1b2 rgb(136,177,178)
```
#80b8ba
```
#80b8ba rgb(128,184,186)
```
#78bfc2
```
#78bfc2 rgb(120,191,194)
```
#71c6c9
```
#71c6c9 rgb(113,198,201)
```
#69cdd1
```
#69cdd1 rgb(105,205,209)
```
#62d4d8
```
#62d4d8 rgb(98,212,216)
```
#5adbe0
```
#5adbe0 rgb(90,219,224)
```
#53e2e7
```
#53e2e7 rgb(83,226,231)
```
#4be9ef
```
#4be9ef rgb(75,233,239)
```
#44f0f6
```
#44f0f6 rgb(68,240,246)
```
#3cf7fe
```
#3cf7fe rgb(60,247,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9faaab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b1b7 Protanopia 1% of men
#bbadc2 Deuteranopia 1% of men
#89bac7 Tritanopia 0.001% of the population

Trichromacy

#a0b3b8 Protanomaly 1% of men, 0.01% of women
#a5b1bf Deuteranomaly 6% of men, 0.4% of women
#86b9c2 Tritanomaly 0.01% of the population

#80b8ba hex color

#80b8ba Color Information

#80b8ba Color Conversion

Color Schemes with #80b8ba

Alternatives to #80b8ba

#80b8ba Preview

Shades and Tints of #80b8ba

Tones of #80b8ba

Color Blindness Simulator