colorhexa.com

#80bd5f hex color

In a RGB color space, hex #80bd5f is composed of 50.2% red, 74.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 49.7% yellow and 25.9% black. It has a hue angle of 98.9 degrees, a saturation of 41.6% and a lightness of 55.7%. #80bd5f color hex could be obtained by blending #ffffbe with #017b00. Closest websafe color is: #99cc66.

- R 50
- G 74
- B 37
RGB color chart
- C 32
- M 0
- Y 50
- K 26
CMYK color chart

● #80bd5f color description : Slightly desaturated green.

The hexadecimal color #80bd5f has RGB values of R:128, G:189, B:95 and CMYK values of C:0.32, M:0, Y:0.5, K:0.26. Its decimal value is 8437087.

Hex triplet	80bd5f	`#80bd5f`
RGB Decimal	128, 189, 95	`rgb(128,189,95)`
RGB Percent	50.2, 74.1, 37.3	`rgb(50.2%,74.1%,37.3%)`
CMYK	32, 0, 50, 26
HSL	98.9°, 41.6, 55.7	`hsl(98.9,41.6%,55.7%)`
HSV (or HSB)	98.9°, 49.7, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	70.739, -36.635, 41.103
XYZ	29.164, 41.81, 17.359
xyY	0.33, 0.473, 41.81
CIE-LCH	70.739, 55.06, 131.711
CIE-LUV	70.739, -30.494, 57.799
Hunter-Lab	64.66, -32.645, 29.345
Binary	10000000, 10111101, 01011111

#80bd5f
```
#80bd5f rgb(128,189,95)
```
#9c5fbd
```
#9c5fbd rgb(156,95,189)
```

Complementary Color

#afbd5f
```
#afbd5f rgb(175,189,95)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#5fbd6d
```
#5fbd6d rgb(95,189,109)
```

Analogous Color

#bd5faf
```
#bd5faf rgb(189,95,175)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#6d5fbd
```
#6d5fbd rgb(109,95,189)
```

Split Complementary Color

#bd5f80
```
#bd5f80 rgb(189,95,128)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#5f80bd
```
#5f80bd rgb(95,128,189)
```

Triadic Color

#bd9c5f
```
#bd9c5f rgb(189,156,95)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#5f80bd
```
#5f80bd rgb(95,128,189)
```
#9c5fbd
```
#9c5fbd rgb(156,95,189)
```

Tetradic Color

#5b933d
```
#5b933d rgb(91,147,61)
```
#66a544
```
#66a544 rgb(102,165,68)
```
#72b64d
```
#72b64d rgb(114,182,77)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#8ec471
```
#8ec471 rgb(142,196,113)
```
#9dcc83
```
#9dcc83 rgb(157,204,131)
```
#abd395
```
#abd395 rgb(171,211,149)
```

Monochromatic Color

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

#98bd5f
```
#98bd5f rgb(152,189,95)
```
#90bd5f
```
#90bd5f rgb(144,189,95)
```
#88bd5f
```
#88bd5f rgb(136,189,95)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#78bd5f
```
#78bd5f rgb(120,189,95)
```
#70bd5f
```
#70bd5f rgb(112,189,95)
```
#69bd5f
```
#69bd5f rgb(105,189,95)
```

Similar Colors

Text with hexadecimal color #80bd5f

This text has a font color of #80bd5f.

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

#80bd5f background color

This paragraph has a background color of #80bd5f.

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

#80bd5f border color

This element has a border color of #80bd5f.

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

CSS codes

.text {color:#80bd5f;}

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

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

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

#040703
```
#040703 rgb(4,7,3)
```
#0d1508
```
#0d1508 rgb(13,21,8)
```
#15220e
```
#15220e rgb(21,34,14)
```
#1e3014
```
#1e3014 rgb(30,48,20)
```
#263e1a
```
#263e1a rgb(38,62,26)
```
#2f4c1f
```
#2f4c1f rgb(47,76,31)
```
#385a25
```
#385a25 rgb(56,90,37)
```
#40682b
```
#40682b rgb(64,104,43)
```
#497631
```
#497631 rgb(73,118,49)
```
#518436
```
#518436 rgb(81,132,54)
```
#5a923c
```
#5a923c rgb(90,146,60)
```
#639f42
```
#639f42 rgb(99,159,66)
```
#6bad47
```
#6bad47 rgb(107,173,71)
```

Shade Color Variation

#75b751
```
#75b751 rgb(117,183,81)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#8bc36d
```
#8bc36d rgb(139,195,109)
```
#96c87b
```
#96c87b rgb(150,200,123)
```
#a1ce89
```
#a1ce89 rgb(161,206,137)
```
#acd497
```
#acd497 rgb(172,212,151)
```
#b7daa4
```
#b7daa4 rgb(183,218,164)
```
#c2dfb2
```
#c2dfb2 rgb(194,223,178)
```
#cde5c0
```
#cde5c0 rgb(205,229,192)
```
#d8ebce
```
#d8ebce rgb(216,235,206)
```
#e3f1dc
```
#e3f1dc rgb(227,241,220)
```
#eef6ea
```
#eef6ea rgb(238,246,234)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d928a is the less saturated color, while #6efa22 is the most saturated one.

#8d928a
```
#8d928a rgb(141,146,138)
```
#8a9a82
```
#8a9a82 rgb(138,154,130)
```
#88a379
```
#88a379 rgb(136,163,121)
```
#85ac70
```
#85ac70 rgb(133,172,112)
```
#83b468
```
#83b468 rgb(131,180,104)
```
#80bd5f
```
#80bd5f rgb(128,189,95)
```
#7dc656
```
#7dc656 rgb(125,198,86)
```
#7bce4e
```
#7bce4e rgb(123,206,78)
```
#78d745
```
#78d745 rgb(120,215,69)
```
#76e03c
```
#76e03c rgb(118,224,60)
```
#73e834
```
#73e834 rgb(115,232,52)
```
#70f12b
```
#70f12b rgb(112,241,43)
```
#6efa22
```
#6efa22 rgb(110,250,34)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9aa693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b162 Protanopia 1% of men
#d5a96f Deuteranopia 1% of men
#97b6c3 Tritanopia 0.001% of the population

Trichromacy

#aab561 Protanomaly 1% of men, 0.01% of women
#b6b069 Deuteranomaly 6% of men, 0.4% of women
#8fb89e Tritanomaly 0.01% of the population