#80bba0 hex color

In a RGB color space, hex #80bba0 is composed of 50.2% red, 73.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 0% magenta, 14.4% yellow and 26.7% black. It has a hue angle of 152.5 degrees, a saturation of 30.3% and a lightness of 61.8%. #80bba0 color hex could be obtained by blending #ffffff with #017741. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 73
- B 63
RGB color chart
- C 32
- M 0
- Y 14
- K 27
CMYK color chart

● #80bba0 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #80bba0 has RGB values of R:128, G:187, B:160 and CMYK values of C:0.32, M:0, Y:0.14, K:0.27. Its decimal value is 8436640.

Hex triplet	80bba0	`#80bba0`
RGB Decimal	128, 187, 160	`rgb(128,187,160)`
RGB Percent	50.2, 73.3, 62.7	`rgb(50.2%,73.3%,62.7%)`
CMYK	32, 0, 14, 27
HSL	152.5°, 30.3, 61.8	`hsl(152.5,30.3%,61.8%)`
HSV (or HSB)	152.5°, 31.6, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.328, -24.936, 7.623
XYZ	33.016, 42.667, 39.752
xyY	0.286, 0.37, 42.667
CIE-LCH	71.328, 26.075, 163.002
CIE-LUV	71.328, -28.884, 15.157
Hunter-Lab	65.32, -24.087, 9.642
Binary	10000000, 10111011, 10100000

#80bba0
```
#80bba0 rgb(128,187,160)
```
#bb809b
```
#bb809b rgb(187,128,155)
```

Complementary Color

#80bb83
```
#80bb83 rgb(128,187,131)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#80b9bb
```
#80b9bb rgb(128,185,187)
```

Analogous Color

#bb8380
```
#bb8380 rgb(187,131,128)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#bb80b9
```
#bb80b9 rgb(187,128,185)
```

Split Complementary Color

#bba080
```
#bba080 rgb(187,160,128)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#a080bb
```
#a080bb rgb(160,128,187)
```

Triadic Color

#9bbb80
```
#9bbb80 rgb(155,187,128)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#a080bb
```
#a080bb rgb(160,128,187)
```
#bb809b
```
#bb809b rgb(187,128,155)
```

Tetradic Color

#539b7a
```
#539b7a rgb(83,155,122)
```
#5fa987
```
#5fa987 rgb(95,169,135)
```
#6fb294
```
#6fb294 rgb(111,178,148)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#91c4ac
```
#91c4ac rgb(145,196,172)
```
#a1cdb9
```
#a1cdb9 rgb(161,205,185)
```
#b2d6c5
```
#b2d6c5 rgb(178,214,197)
```

Monochromatic Color

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

#80bb91
```
#80bb91 rgb(128,187,145)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#80bb9b
```
#80bb9b rgb(128,187,155)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#80bba5
```
#80bba5 rgb(128,187,165)
```
#80bbaa
```
#80bbaa rgb(128,187,170)
```
#80bbaf
```
#80bbaf rgb(128,187,175)
```

Similar Colors

Text with hexadecimal color #80bba0

This text has a font color of #80bba0.

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

#80bba0 background color

This paragraph has a background color of #80bba0.

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

#80bba0 border color

This element has a border color of #80bba0.

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

CSS codes

.text {color:#80bba0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0b
```
#070e0b rgb(7,14,11)
```
#0e1a15
```
#0e1a15 rgb(14,26,21)
```
#15271f
```
#15271f rgb(21,39,31)
```
#1c3429
```
#1c3429 rgb(28,52,41)
```
#234133
```
#234133 rgb(35,65,51)
```
#294d3d
```
#294d3d rgb(41,77,61)
```
#305a47
```
#305a47 rgb(48,90,71)
```
#376751
```
#376751 rgb(55,103,81)
```
#3e745b
```
#3e745b rgb(62,116,91)
```
#458165
```
#458165 rgb(69,129,101)
```
#4c8d6f
```
#4c8d6f rgb(76,141,111)
```
#529a79
```
#529a79 rgb(82,154,121)
```

Shade Color Variation

#5aa683
```
#5aa683 rgb(90,166,131)
```
#66ad8d
```
#66ad8d rgb(102,173,141)
```
#73b496
```
#73b496 rgb(115,180,150)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#8dc2aa
```
#8dc2aa rgb(141,194,170)
```
#9ac9b3
```
#9ac9b3 rgb(154,201,179)
```
#a6d0bd
```
#a6d0bd rgb(166,208,189)
```
#b3d6c6
```
#b3d6c6 rgb(179,214,198)
```
#c0ddd0
```
#c0ddd0 rgb(192,221,208)
```
#cde4d9
```
#cde4d9 rgb(205,228,217)
```
#d9ebe3
```
#d9ebe3 rgb(217,235,227)
```
#e6f2ec
```
#e6f2ec rgb(230,242,236)
```
#f3f9f6
```
#f3f9f6 rgb(243,249,246)
```

Tint Color Variation

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

#97a59e
```
#97a59e rgb(151,165,158)
```
#8fac9f
```
#8fac9f rgb(143,172,159)
```
#88b49f
```
#88b49f rgb(136,180,159)
```
#80bba0
```
#80bba0 rgb(128,187,160)
```
#79c3a1
```
#79c3a1 rgb(121,195,161)
```
#71caa1
```
#71caa1 rgb(113,202,161)
```
#6ad2a2
```
#6ad2a2 rgb(106,210,162)
```
#62d9a3
```
#62d9a3 rgb(98,217,163)
```
#5be1a3
```
#5be1a3 rgb(91,225,163)
```
#53e8a4
```
#53e8a4 rgb(83,232,164)
```
#4cf0a4
```
#4cf0a4 rgb(76,240,164)
```
#44f7a5
```
#44f7a5 rgb(68,247,165)
```
#3dffa6
```
#3dffa6 rgb(61,255,166)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9eaaa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab29f Protanopia 1% of men
#c6adaa Deuteranopia 1% of men
#8fb9c6 Tritanopia 0.001% of the population

Trichromacy

#a5b59f Protanomaly 1% of men, 0.01% of women
#acb2a6 Deuteranomaly 6% of men, 0.4% of women
#89bab8 Tritanomaly 0.01% of the population

#80bba0 hex color

#80bba0 Color Information

#80bba0 Color Conversion

Color Schemes with #80bba0

Alternatives to #80bba0

#80bba0 Preview

Shades and Tints of #80bba0

Tones of #80bba0

Color Blindness Simulator