#80b796 hex color

In a RGB color space, hex #80b796 is composed of 50.2% red, 71.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30.1% cyan, 0% magenta, 18% yellow and 28.2% black. It has a hue angle of 144 degrees, a saturation of 27.6% and a lightness of 61%. #80b796 color hex could be obtained by blending #ffffff with #016f2d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 50
- G 72
- B 59
RGB color chart
- C 30
- M 0
- Y 18
- K 28
CMYK color chart

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

The hexadecimal color #80b796 has RGB values of R:128, G:183, B:150 and CMYK values of C:0.3, M:0, Y:0.18, K:0.28. Its decimal value is 8435606.

Hex triplet	80b796	`#80b796`
RGB Decimal	128, 183, 150	`rgb(128,183,150)`
RGB Percent	50.2, 71.8, 58.8	`rgb(50.2%,71.8%,58.8%)`
CMYK	30, 0, 18, 28
HSL	144°, 27.6, 61	`hsl(144,27.6%,61%)`
HSV (or HSB)	144°, 30.1, 71.8
Web Safe	99cc99	`#99cc99`

CIE-LAB	69.935, -24.985, 11.096
XYZ	31.339, 40.657, 35.049
xyY	0.293, 0.38, 40.657
CIE-LCH	69.935, 27.338, 156.054
CIE-LUV	69.935, -27.164, 19.947
Hunter-Lab	63.763, -23.853, 12.044
Binary	10000000, 10110111, 10010110

#80b796
```
#80b796 rgb(128,183,150)
```
#b780a1
```
#b780a1 rgb(183,128,161)
```

Complementary Color

#86b780
```
#86b780 rgb(134,183,128)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#80b7b2
```
#80b7b2 rgb(128,183,178)
```

Analogous Color

#b78086
```
#b78086 rgb(183,128,134)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#b280b7
```
#b280b7 rgb(178,128,183)
```

Split Complementary Color

#b79680
```
#b79680 rgb(183,150,128)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#9680b7
```
#9680b7 rgb(150,128,183)
```

Triadic Color

#a1b780
```
#a1b780 rgb(161,183,128)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#9680b7
```
#9680b7 rgb(150,128,183)
```
#b780a1
```
#b780a1 rgb(183,128,161)
```

Tetradic Color

#55966f
```
#55966f rgb(85,150,111)
```
#5fa57b
```
#5fa57b rgb(95,165,123)
```
#70ae89
```
#70ae89 rgb(112,174,137)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#90c0a3
```
#90c0a3 rgb(144,192,163)
```
#a1c9b1
```
#a1c9b1 rgb(161,201,177)
```
#b1d3be
```
#b1d3be rgb(177,211,190)
```

Monochromatic Color

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

#80b788
```
#80b788 rgb(128,183,136)
```
#80b78d
```
#80b78d rgb(128,183,141)
```
#80b791
```
#80b791 rgb(128,183,145)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#80b79b
```
#80b79b rgb(128,183,155)
```
#80b79f
```
#80b79f rgb(128,183,159)
```
#80b7a4
```
#80b7a4 rgb(128,183,164)
```

Similar Colors

Text with hexadecimal color #80b796

This text has a font color of #80b796.

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

#80b796 background color

This paragraph has a background color of #80b796.

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

#80b796 border color

This element has a border color of #80b796.

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

CSS codes

.text {color:#80b796;}

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

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

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, #060b08 is the darkest color, while #fdfefd is the lightest one.

#060b08
```
#060b08 rgb(6,11,8)
```
#0d1711
```
#0d1711 rgb(13,23,17)
```
#14241a
```
#14241a rgb(20,36,26)
```
#1b3024
```
#1b3024 rgb(27,48,36)
```
#223d2d
```
#223d2d rgb(34,61,45)
```
#2a4936
```
#2a4936 rgb(42,73,54)
```
#315640
```
#315640 rgb(49,86,64)
```
#386249
```
#386249 rgb(56,98,73)
```
#3f6f52
```
#3f6f52 rgb(63,111,82)
```
#467b5b
```
#467b5b rgb(70,123,91)
```
#4d8865
```
#4d8865 rgb(77,136,101)
```
#54946e
```
#54946e rgb(84,148,110)
```
#5ba177
```
#5ba177 rgb(91,161,119)
```

Shade Color Variation

#67a981
```
#67a981 rgb(103,169,129)
```
#73b08c
```
#73b08c rgb(115,176,140)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#8dbea0
```
#8dbea0 rgb(141,190,160)
```
#99c5ab
```
#99c5ab rgb(153,197,171)
```
#a6ccb5
```
#a6ccb5 rgb(166,204,181)
```
#b2d3bf
```
#b2d3bf rgb(178,211,191)
```
#bfdaca
```
#bfdaca rgb(191,218,202)
```
#cbe2d4
```
#cbe2d4 rgb(203,226,212)
```
#d8e9de
```
#d8e9de rgb(216,233,222)
```
#e4f0e9
```
#e4f0e9 rgb(228,240,233)
```
#f1f7f3
```
#f1f7f3 rgb(241,247,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#97a09b
```
#97a09b rgb(151,160,155)
```
#8fa899
```
#8fa899 rgb(143,168,153)
```
#88af98
```
#88af98 rgb(136,175,152)
```
#80b796
```
#80b796 rgb(128,183,150)
```
#78bf94
```
#78bf94 rgb(120,191,148)
```
#71c693
```
#71c693 rgb(113,198,147)
```
#69ce91
```
#69ce91 rgb(105,206,145)
```
#61d690
```
#61d690 rgb(97,214,144)
```
#5add8e
```
#5add8e rgb(90,221,142)
```
#52e58d
```
#52e58d rgb(82,229,141)
```
#4aed8b
```
#4aed8b rgb(74,237,139)
```
#43f48a
```
#43f48a rgb(67,244,138)
```
#3bfc88
```
#3bfc88 rgb(59,252,136)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9ca7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae95 Protanopia 1% of men
#c4a9a1 Deuteranopia 1% of men
#90b5c2 Tritanopia 0.001% of the population

Trichromacy

#a3b195 Protanomaly 1% of men, 0.01% of women
#abae9d Deuteranomaly 6% of men, 0.4% of women
#8ab5b2 Tritanomaly 0.01% of the population

#80b796 hex color

#80b796 Color Information

#80b796 Color Conversion

Color Schemes with #80b796

Alternatives to #80b796

#80b796 Preview

Shades and Tints of #80b796

Tones of #80b796

Color Blindness Simulator