#80bb9d hex color

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

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

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

The hexadecimal color #80bb9d has RGB values of R:128, G:187, B:157 and CMYK values of C:0.32, M:0, Y:0.16, K:0.27. Its decimal value is 8436637.

Hex triplet	80bb9d	`#80bb9d`
RGB Decimal	128, 187, 157	`rgb(128,187,157)`
RGB Percent	50.2, 73.3, 61.6	`rgb(50.2%,73.3%,61.6%)`
CMYK	32, 0, 16, 27
HSL	149.5°, 30.3, 61.8	`hsl(149.5,30.3%,61.8%)`
HSV (or HSB)	149.5°, 31.6, 73.3
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.257, -25.554, 9.157
XYZ	32.756, 42.563, 38.386
xyY	0.288, 0.374, 42.563
CIE-LCH	71.257, 27.145, 160.285
CIE-LUV	71.257, -28.916, 17.418
Hunter-Lab	65.24, -24.547, 10.783
Binary	10000000, 10111011, 10011101

#80bb9d
```
#80bb9d rgb(128,187,157)
```
#bb809e
```
#bb809e rgb(187,128,158)
```

Complementary Color

#81bb80
```
#81bb80 rgb(129,187,128)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#80bbbb
```
#80bbbb rgb(128,187,187)
```

Analogous Color

#bb8081
```
#bb8081 rgb(187,128,129)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#bb80bb
```
#bb80bb rgb(187,128,187)
```

Split Complementary Color

#bb9d80
```
#bb9d80 rgb(187,157,128)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#9d80bb
```
#9d80bb rgb(157,128,187)
```

Triadic Color

#9ebb80
```
#9ebb80 rgb(158,187,128)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#9d80bb
```
#9d80bb rgb(157,128,187)
```
#bb809e
```
#bb809e rgb(187,128,158)
```

Tetradic Color

#539b77
```
#539b77 rgb(83,155,119)
```
#5fa983
```
#5fa983 rgb(95,169,131)
```
#6fb290
```
#6fb290 rgb(111,178,144)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#91c4aa
```
#91c4aa rgb(145,196,170)
```
#a1cdb7
```
#a1cdb7 rgb(161,205,183)
```
#b2d6c3
```
#b2d6c3 rgb(178,214,195)
```

Monochromatic Color

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

#80bb8e
```
#80bb8e rgb(128,187,142)
```
#80bb93
```
#80bb93 rgb(128,187,147)
```
#80bb98
```
#80bb98 rgb(128,187,152)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#80bba2
```
#80bba2 rgb(128,187,162)
```
#80bba7
```
#80bba7 rgb(128,187,167)
```
#80bbac
```
#80bbac rgb(128,187,172)
```

Similar Colors

Text with hexadecimal color #80bb9d

This text has a font color of #80bb9d.

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

#80bb9d background color

This paragraph has a background color of #80bb9d.

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

#80bb9d border color

This element has a border color of #80bb9d.

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

CSS codes

.text {color:#80bb9d;}

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

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

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)
```
#070e0a
```
#070e0a rgb(7,14,10)
```
#0e1a14
```
#0e1a14 rgb(14,26,20)
```
#15271e
```
#15271e rgb(21,39,30)
```
#1c3428
```
#1c3428 rgb(28,52,40)
```
#234131
```
#234131 rgb(35,65,49)
```
#294d3b
```
#294d3b rgb(41,77,59)
```
#305a45
```
#305a45 rgb(48,90,69)
```
#37674f
```
#37674f rgb(55,103,79)
```
#3e7458
```
#3e7458 rgb(62,116,88)
```
#458162
```
#458162 rgb(69,129,98)
```
#4c8d6c
```
#4c8d6c rgb(76,141,108)
```
#529a76
```
#529a76 rgb(82,154,118)
```

Shade Color Variation

#5aa67f
```
#5aa67f rgb(90,166,127)
```
#66ad89
```
#66ad89 rgb(102,173,137)
```
#73b493
```
#73b493 rgb(115,180,147)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#8dc2a7
```
#8dc2a7 rgb(141,194,167)
```
#9ac9b1
```
#9ac9b1 rgb(154,201,177)
```
#a6d0bb
```
#a6d0bb rgb(166,208,187)
```
#b3d6c4
```
#b3d6c4 rgb(179,214,196)
```
#c0ddce
```
#c0ddce rgb(192,221,206)
```
#cde4d8
```
#cde4d8 rgb(205,228,216)
```
#d9ebe2
```
#d9ebe2 rgb(217,235,226)
```
#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, #97a59d is the less saturated color, while #3dff9c is the most saturated one.

#97a59d
```
#97a59d rgb(151,165,157)
```
#8fac9d
```
#8fac9d rgb(143,172,157)
```
#88b49d
```
#88b49d rgb(136,180,157)
```
#80bb9d
```
#80bb9d rgb(128,187,157)
```
#79c39d
```
#79c39d rgb(121,195,157)
```
#71ca9d
```
#71ca9d rgb(113,202,157)
```
#6ad29d
```
#6ad29d rgb(106,210,157)
```
#62d99c
```
#62d99c rgb(98,217,156)
```
#5be19c
```
#5be19c rgb(91,225,156)
```
#53e89c
```
#53e89c rgb(83,232,156)
```
#4cf09c
```
#4cf09c rgb(76,240,156)
```
#44f79c
```
#44f79c rgb(68,247,156)
```
#3dff9c
```
#3dff9c rgb(61,255,156)
```

Tone Color Variation

Below, you can see how #80bb9d 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
#9eaaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb29c Protanopia 1% of men
#c7aca7 Deuteranopia 1% of men
#8fb9c6 Tritanopia 0.001% of the population

Trichromacy

#a5b59c Protanomaly 1% of men, 0.01% of women
#adb2a3 Deuteranomaly 6% of men, 0.4% of women
#8ab9b7 Tritanomaly 0.01% of the population

#80bb9d hex color

#80bb9d Color Information

#80bb9d Color Conversion

Color Schemes with #80bb9d

Alternatives to #80bb9d

#80bb9d Preview

Shades and Tints of #80bb9d

Tones of #80bb9d

Color Blindness Simulator