#80bb8a hex color

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

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

● #80bb8a color description : Slightly desaturated lime green.

The hexadecimal color #80bb8a has RGB values of R:128, G:187, B:138 and CMYK values of C:0.32, M:0, Y:0.26, K:0.27. Its decimal value is 8436618.

Hex triplet	80bb8a	`#80bb8a`
RGB Decimal	128, 187, 138	`rgb(128,187,138)`
RGB Percent	50.2, 73.3, 54.1	`rgb(50.2%,73.3%,54.1%)`
CMYK	32, 0, 26, 27
HSL	130.2°, 30.3, 61.8	`hsl(130.2,30.3%,61.8%)`
HSV (or HSB)	130.2°, 31.6, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.846, -29.208, 18.879
XYZ	31.258, 41.964, 30.496
xyY	0.301, 0.405, 41.964
CIE-LCH	70.846, 34.778, 147.123
CIE-LUV	70.846, -29.118, 31.087
Hunter-Lab	64.779, -27.231, 17.434
Binary	10000000, 10111011, 10001010

#80bb8a
```
#80bb8a rgb(128,187,138)
```
#bb80b1
```
#bb80b1 rgb(187,128,177)
```

Complementary Color

#94bb80
```
#94bb80 rgb(148,187,128)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#80bba8
```
#80bba8 rgb(128,187,168)
```

Analogous Color

#bb8094
```
#bb8094 rgb(187,128,148)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#a880bb
```
#a880bb rgb(168,128,187)
```

Split Complementary Color

#bb8a80
```
#bb8a80 rgb(187,138,128)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#8a80bb
```
#8a80bb rgb(138,128,187)
```

Triadic Color

#b1bb80
```
#b1bb80 rgb(177,187,128)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#8a80bb
```
#8a80bb rgb(138,128,187)
```
#bb80b1
```
#bb80b1 rgb(187,128,177)
```

Tetradic Color

#539b5f
```
#539b5f rgb(83,155,95)
```
#5fa96b
```
#5fa96b rgb(95,169,107)
```
#6fb27b
```
#6fb27b rgb(111,178,123)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#91c499
```
#91c499 rgb(145,196,153)
```
#a1cda9
```
#a1cda9 rgb(161,205,169)
```
#b2d6b8
```
#b2d6b8 rgb(178,214,184)
```

Monochromatic Color

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

#85bb80
```
#85bb80 rgb(133,187,128)
```
#80bb80
```
#80bb80 rgb(128,187,128)
```
#80bb85
```
#80bb85 rgb(128,187,133)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#80bb8f
```
#80bb8f rgb(128,187,143)
```
#80bb94
```
#80bb94 rgb(128,187,148)
```
#80bb99
```
#80bb99 rgb(128,187,153)
```

Similar Colors

Text with hexadecimal color #80bb8a

This text has a font color of #80bb8a.

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

#80bb8a background color

This paragraph has a background color of #80bb8a.

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

#80bb8a border color

This element has a border color of #80bb8a.

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

CSS codes

.text {color:#80bb8a;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#070e08
```
#070e08 rgb(7,14,8)
```
#0e1a10
```
#0e1a10 rgb(14,26,16)
```
#152718
```
#152718 rgb(21,39,24)
```
#1c3420
```
#1c3420 rgb(28,52,32)
```
#234128
```
#234128 rgb(35,65,40)
```
#294d30
```
#294d30 rgb(41,77,48)
```
#305a37
```
#305a37 rgb(48,90,55)
```
#37673f
```
#37673f rgb(55,103,63)
```
#3e7447
```
#3e7447 rgb(62,116,71)
```
#45814f
```
#45814f rgb(69,129,79)
```
#4c8d57
```
#4c8d57 rgb(76,141,87)
```
#529a5f
```
#529a5f rgb(82,154,95)
```

Shade Color Variation

#5aa667
```
#5aa667 rgb(90,166,103)
```
#66ad72
```
#66ad72 rgb(102,173,114)
```
#73b47e
```
#73b47e rgb(115,180,126)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#8dc296
```
#8dc296 rgb(141,194,150)
```
#9ac9a2
```
#9ac9a2 rgb(154,201,162)
```
#a6d0ad
```
#a6d0ad rgb(166,208,173)
```
#b3d6b9
```
#b3d6b9 rgb(179,214,185)
```
#c0ddc5
```
#c0ddc5 rgb(192,221,197)
```
#cde4d1
```
#cde4d1 rgb(205,228,209)
```
#d9ebdc
```
#d9ebdc rgb(217,235,220)
```
#e6f2e8
```
#e6f2e8 rgb(230,242,232)
```
#f3f9f4
```
#f3f9f4 rgb(243,249,244)
```

Tint Color Variation

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

#97a599
```
#97a599 rgb(151,165,153)
```
#8fac94
```
#8fac94 rgb(143,172,148)
```
#88b48f
```
#88b48f rgb(136,180,143)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#79c385
```
#79c385 rgb(121,195,133)
```
#71ca80
```
#71ca80 rgb(113,202,128)
```
#6ad27b
```
#6ad27b rgb(106,210,123)
```
#62d976
```
#62d976 rgb(98,217,118)
```
#5be171
```
#5be171 rgb(91,225,113)
```
#53e86c
```
#53e86c rgb(83,232,108)
```
#4cf067
```
#4cf067 rgb(76,240,103)
```
#44f762
```
#44f762 rgb(68,247,98)
```
#3dff5d
```
#3dff5d rgb(61,255,93)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9da99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb18a Protanopia 1% of men
#cbab96 Deuteranopia 1% of men
#92b7c4 Tritanopia 0.001% of the population

Trichromacy

#a7b48a Protanomaly 1% of men, 0.01% of women
#b0b091 Deuteranomaly 6% of men, 0.4% of women
#8bb8af Tritanomaly 0.01% of the population

#80bb8a hex color

#80bb8a Color Information

#80bb8a Color Conversion

Color Schemes with #80bb8a

Alternatives to #80bb8a

#80bb8a Preview

Shades and Tints of #80bb8a

Tones of #80bb8a

Color Blindness Simulator