#80bb96 hex color

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

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

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

The hexadecimal color #80bb96 has RGB values of R:128, G:187, B:150 and CMYK values of C:0.32, M:0, Y:0.2, K:0.27. Its decimal value is 8436630.

Hex triplet	80bb96	`#80bb96`
RGB Decimal	128, 187, 150	`rgb(128,187,150)`
RGB Percent	50.2, 73.3, 58.8	`rgb(50.2%,73.3%,58.8%)`
CMYK	32, 0, 20, 27
HSL	142.4°, 30.3, 61.8	`hsl(142.4,30.3%,61.8%)`
HSV (or HSB)	142.4°, 31.6, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.098, -26.952, 12.739
XYZ	32.176, 42.331, 35.328
xyY	0.293, 0.385, 42.331
CIE-LCH	71.098, 29.811, 154.702
CIE-LUV	71.098, -28.991, 22.591
Hunter-Lab	65.062, -25.583, 13.35
Binary	10000000, 10111011, 10010110

#80bb96
```
#80bb96 rgb(128,187,150)
```
#bb80a5
```
#bb80a5 rgb(187,128,165)
```

Complementary Color

#88bb80
```
#88bb80 rgb(136,187,128)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#80bbb4
```
#80bbb4 rgb(128,187,180)
```

Analogous Color

#bb8088
```
#bb8088 rgb(187,128,136)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#b480bb
```
#b480bb rgb(180,128,187)
```

Split Complementary Color

#bb9680
```
#bb9680 rgb(187,150,128)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#9680bb
```
#9680bb rgb(150,128,187)
```

Triadic Color

#a5bb80
```
#a5bb80 rgb(165,187,128)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#9680bb
```
#9680bb rgb(150,128,187)
```
#bb80a5
```
#bb80a5 rgb(187,128,165)
```

Tetradic Color

#539b6e
```
#539b6e rgb(83,155,110)
```
#5fa97b
```
#5fa97b rgb(95,169,123)
```
#6fb288
```
#6fb288 rgb(111,178,136)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#91c4a4
```
#91c4a4 rgb(145,196,164)
```
#a1cdb1
```
#a1cdb1 rgb(161,205,177)
```
#b2d6bf
```
#b2d6bf rgb(178,214,191)
```

Monochromatic Color

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

#80bb87
```
#80bb87 rgb(128,187,135)
```
#80bb8c
```
#80bb8c rgb(128,187,140)
```
#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)
```

Similar Colors

Text with hexadecimal color #80bb96

This text has a font color of #80bb96.

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

#80bb96 background color

This paragraph has a background color of #80bb96.

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

#80bb96 border color

This element has a border color of #80bb96.

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

CSS codes

.text {color:#80bb96;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0a
```
#070e0a rgb(7,14,10)
```
#0e1a13
```
#0e1a13 rgb(14,26,19)
```
#15271c
```
#15271c rgb(21,39,28)
```
#1c3425
```
#1c3425 rgb(28,52,37)
```
#23412e
```
#23412e rgb(35,65,46)
```
#294d37
```
#294d37 rgb(41,77,55)
```
#305a40
```
#305a40 rgb(48,90,64)
```
#376749
```
#376749 rgb(55,103,73)
```
#3e7452
```
#3e7452 rgb(62,116,82)
```
#45815b
```
#45815b rgb(69,129,91)
```
#4c8d64
```
#4c8d64 rgb(76,141,100)
```
#529a6d
```
#529a6d rgb(82,154,109)
```

Shade Color Variation

#5aa676
```
#5aa676 rgb(90,166,118)
```
#66ad81
```
#66ad81 rgb(102,173,129)
```
#73b48b
```
#73b48b rgb(115,180,139)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#8dc2a1
```
#8dc2a1 rgb(141,194,161)
```
#9ac9ab
```
#9ac9ab rgb(154,201,171)
```
#a6d0b6
```
#a6d0b6 rgb(166,208,182)
```
#b3d6c0
```
#b3d6c0 rgb(179,214,192)
```
#c0ddcb
```
#c0ddcb rgb(192,221,203)
```
#cde4d5
```
#cde4d5 rgb(205,228,213)
```
#d9ebe0
```
#d9ebe0 rgb(217,235,224)
```
#e6f2ea
```
#e6f2ea rgb(230,242,234)
```
#f3f9f5
```
#f3f9f5 rgb(243,249,245)
```

Tint Color Variation

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

#97a59c
```
#97a59c rgb(151,165,156)
```
#8fac9a
```
#8fac9a rgb(143,172,154)
```
#88b498
```
#88b498 rgb(136,180,152)
```
#80bb96
```
#80bb96 rgb(128,187,150)
```
#79c394
```
#79c394 rgb(121,195,148)
```
#71ca92
```
#71ca92 rgb(113,202,146)
```
#6ad290
```
#6ad290 rgb(106,210,144)
```
#62d98e
```
#62d98e rgb(98,217,142)
```
#5be18c
```
#5be18c rgb(91,225,140)
```
#53e88b
```
#53e88b rgb(83,232,139)
```
#4cf089
```
#4cf089 rgb(76,240,137)
```
#44f787
```
#44f787 rgb(68,247,135)
```
#3dff85
```
#3dff85 rgb(61,255,133)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#9ea9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb195 Protanopia 1% of men
#c9aca1 Deuteranopia 1% of men
#90b8c5 Tritanopia 0.001% of the population

Trichromacy

#a6b595 Protanomaly 1% of men, 0.01% of women
#aeb19d Deuteranomaly 6% of men, 0.4% of women
#8ab9b4 Tritanomaly 0.01% of the population

#80bb96 hex color

#80bb96 Color Information

#80bb96 Color Conversion

Color Schemes with #80bb96

Alternatives to #80bb96

#80bb96 Preview

Shades and Tints of #80bb96

Tones of #80bb96

Color Blindness Simulator