#80b88f hex color

In a RGB color space, hex #80b88f is composed of 50.2% red, 72.2% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 0% magenta, 22.3% yellow and 27.8% black. It has a hue angle of 136.1 degrees, a saturation of 28.3% and a lightness of 61.2%. #80b88f color hex could be obtained by blending #ffffff with #01711f. Closest websafe color is: #99cc99.

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

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

The hexadecimal color #80b88f has RGB values of R:128, G:184, B:143 and CMYK values of C:0.3, M:0, Y:0.22, K:0.28. Its decimal value is 8435855.

Hex triplet	80b88f	`#80b88f`
RGB Decimal	128, 184, 143	`rgb(128,184,143)`
RGB Percent	50.2, 72.2, 56.1	`rgb(50.2%,72.2%,56.1%)`
CMYK	30, 0, 22, 28
HSL	136.1°, 28.3, 61.2	`hsl(136.1,28.3%,61.2%)`
HSV (or HSB)	136.1°, 30.4, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	70.072, -26.831, 15.101
XYZ	30.999, 40.852, 32.237
xyY	0.298, 0.392, 40.852
CIE-LCH	70.072, 30.788, 150.628
CIE-LUV	70.072, -27.682, 25.674
Hunter-Lab	63.916, -25.28, 14.837
Binary	10000000, 10111000, 10001111

#80b88f
```
#80b88f rgb(128,184,143)
```
#b880a9
```
#b880a9 rgb(184,128,169)
```

Complementary Color

#8db880
```
#8db880 rgb(141,184,128)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#80b8ab
```
#80b8ab rgb(128,184,171)
```

Analogous Color

#b8808d
```
#b8808d rgb(184,128,141)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#ab80b8
```
#ab80b8 rgb(171,128,184)
```

Split Complementary Color

#b88f80
```
#b88f80 rgb(184,143,128)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#8f80b8
```
#8f80b8 rgb(143,128,184)
```

Triadic Color

#a9b880
```
#a9b880 rgb(169,184,128)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#8f80b8
```
#8f80b8 rgb(143,128,184)
```
#b880a9
```
#b880a9 rgb(184,128,169)
```

Tetradic Color

#549766
```
#549766 rgb(84,151,102)
```
#5fa672
```
#5fa672 rgb(95,166,114)
```
#70af81
```
#70af81 rgb(112,175,129)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#90c19d
```
#90c19d rgb(144,193,157)
```
#a1caac
```
#a1caac rgb(161,202,172)
```
#b1d3ba
```
#b1d3ba rgb(177,211,186)
```

Monochromatic Color

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

#80b881
```
#80b881 rgb(128,184,129)
```
#80b886
```
#80b886 rgb(128,184,134)
```
#80b88a
```
#80b88a rgb(128,184,138)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#80b894
```
#80b894 rgb(128,184,148)
```
#80b898
```
#80b898 rgb(128,184,152)
```
#80b89d
```
#80b89d rgb(128,184,157)
```

Similar Colors

Text with hexadecimal color #80b88f

This text has a font color of #80b88f.

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

#80b88f background color

This paragraph has a background color of #80b88f.

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

#80b88f border color

This element has a border color of #80b88f.

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

CSS codes

.text {color:#80b88f;}

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

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

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

#060b08
```
#060b08 rgb(6,11,8)
```
#0d1810
```
#0d1810 rgb(13,24,16)
```
#142519
```
#142519 rgb(20,37,25)
```
#1b3121
```
#1b3121 rgb(27,49,33)
```
#233e2a
```
#233e2a rgb(35,62,42)
```
#2a4a32
```
#2a4a32 rgb(42,74,50)
```
#31573b
```
#31573b rgb(49,87,59)
```
#386343
```
#386343 rgb(56,99,67)
```
#3f704c
```
#3f704c rgb(63,112,76)
```
#467d54
```
#467d54 rgb(70,125,84)
```
#4d895d
```
#4d895d rgb(77,137,93)
```
#549665
```
#549665 rgb(84,150,101)
```
#5ba26e
```
#5ba26e rgb(91,162,110)
```

Shade Color Variation

#67aa79
```
#67aa79 rgb(103,170,121)
```
#73b184
```
#73b184 rgb(115,177,132)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#8dbf9a
```
#8dbf9a rgb(141,191,154)
```
#99c6a5
```
#99c6a5 rgb(153,198,165)
```
#a6cdb0
```
#a6cdb0 rgb(166,205,176)
```
#b2d4bb
```
#b2d4bb rgb(178,212,187)
```
#bfdbc6
```
#bfdbc6 rgb(191,219,198)
```
#cbe2d2
```
#cbe2d2 rgb(203,226,210)
```
#d8e9dd
```
#d8e9dd rgb(216,233,221)
```
#e5f0e8
```
#e5f0e8 rgb(229,240,232)
```
#f1f7f3
```
#f1f7f3 rgb(241,247,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#97a19a
```
#97a19a rgb(151,161,154)
```
#8fa996
```
#8fa996 rgb(143,169,150)
```
#88b093
```
#88b093 rgb(136,176,147)
```
#80b88f
```
#80b88f rgb(128,184,143)
```
#78c08b
```
#78c08b rgb(120,192,139)
```
#71c788
```
#71c788 rgb(113,199,136)
```
#69cf84
```
#69cf84 rgb(105,207,132)
```
#62d681
```
#62d681 rgb(98,214,129)
```
#5ade7d
```
#5ade7d rgb(90,222,125)
```
#52e67a
```
#52e67a rgb(82,230,122)
```
#4bed76
```
#4bed76 rgb(75,237,118)
```
#43f573
```
#43f573 rgb(67,245,115)
```
#3bfd6f
```
#3bfd6f rgb(59,253,111)
```

Tone Color Variation

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

Dichromacy

#b9af8f Protanopia 1% of men
#c7a99a Deuteranopia 1% of men
#91b5c2 Tritanopia 0.001% of the population

Trichromacy

#a4b28f Protanomaly 1% of men, 0.01% of women
#adae96 Deuteranomaly 6% of men, 0.4% of women
#8bb6af Tritanomaly 0.01% of the population

#80b88f hex color

#80b88f Color Information

#80b88f Color Conversion

Color Schemes with #80b88f

Alternatives to #80b88f

#80b88f Preview

Shades and Tints of #80b88f

Tones of #80b88f

Color Blindness Simulator