#80bd5a hex color

In a RGB color space, hex #80bd5a is composed of 50.2% red, 74.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 52.4% yellow and 25.9% black. It has a hue angle of 97 degrees, a saturation of 42.9% and a lightness of 54.7%. #80bd5a color hex could be obtained by blending #ffffb4 with #017b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 50
- G 74
- B 35
RGB color chart
- C 32
- M 0
- Y 52
- K 26
CMYK color chart

● #80bd5a color description : Moderate green.

The hexadecimal color #80bd5a has RGB values of R:128, G:189, B:90 and CMYK values of C:0.32, M:0, Y:0.52, K:0.26. Its decimal value is 8437082.

Hex triplet	80bd5a	`#80bd5a`
RGB Decimal	128, 189, 90	`rgb(128,189,90)`
RGB Percent	50.2, 74.1, 35.3	`rgb(50.2%,74.1%,35.3%)`
CMYK	32, 0, 52, 26
HSL	97°, 42.9, 54.7	`hsl(97,42.9%,54.7%)`
HSV (or HSB)	97°, 52.4, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	70.678, -37.223, 43.467
XYZ	28.944, 41.721, 16.2
xyY	0.333, 0.48, 41.721
CIE-LCH	70.678, 57.227, 130.575
CIE-LUV	70.678, -30.538, 60.196
Hunter-Lab	64.592, -33.049, 30.344
Binary	10000000, 10111101, 01011010

#80bd5a
```
#80bd5a rgb(128,189,90)
```
#975abd
```
#975abd rgb(151,90,189)
```

Complementary Color

#b2bd5a
```
#b2bd5a rgb(178,189,90)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#5abd66
```
#5abd66 rgb(90,189,102)
```

Analogous Color

#bd5ab2
```
#bd5ab2 rgb(189,90,178)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#665abd
```
#665abd rgb(102,90,189)
```

Split Complementary Color

#bd5a80
```
#bd5a80 rgb(189,90,128)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#5a80bd
```
#5a80bd rgb(90,128,189)
```

Triadic Color

#bd975a
```
#bd975a rgb(189,151,90)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#5a80bd
```
#5a80bd rgb(90,128,189)
```
#975abd
```
#975abd rgb(151,90,189)
```

Tetradic Color

#5b913a
```
#5b913a rgb(91,145,58)
```
#67a341
```
#67a341 rgb(103,163,65)
```
#72b548
```
#72b548 rgb(114,181,72)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#8ec46c
```
#8ec46c rgb(142,196,108)
```
#9ccc7e
```
#9ccc7e rgb(156,204,126)
```
#aad391
```
#aad391 rgb(170,211,145)
```

Monochromatic Color

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

#99bd5a
```
#99bd5a rgb(153,189,90)
```
#91bd5a
```
#91bd5a rgb(145,189,90)
```
#88bd5a
```
#88bd5a rgb(136,189,90)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#78bd5a
```
#78bd5a rgb(120,189,90)
```
#70bd5a
```
#70bd5a rgb(112,189,90)
```
#67bd5a
```
#67bd5a rgb(103,189,90)
```

Similar Colors

Text with hexadecimal color #80bd5a

This text has a font color of #80bd5a.

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

#80bd5a background color

This paragraph has a background color of #80bd5a.

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

#80bd5a border color

This element has a border color of #80bd5a.

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

CSS codes

.text {color:#80bd5a;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0b1107
```
#0b1107 rgb(11,17,7)
```
#141f0c
```
#141f0c rgb(20,31,12)
```
#1c2d12
```
#1c2d12 rgb(28,45,18)
```
#253b18
```
#253b18 rgb(37,59,24)
```
#2e491d
```
#2e491d rgb(46,73,29)
```
#375723
```
#375723 rgb(55,87,35)
```
#406528
```
#406528 rgb(64,101,40)
```
#49732e
```
#49732e rgb(73,115,46)
```
#518134
```
#518134 rgb(81,129,52)
```
#5a8f39
```
#5a8f39 rgb(90,143,57)
```
#639d3f
```
#639d3f rgb(99,157,63)
```
#6cab45
```
#6cab45 rgb(108,171,69)
```

Shade Color Variation

#75b74c
```
#75b74c rgb(117,183,76)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#8bc368
```
#8bc368 rgb(139,195,104)
```
#96c876
```
#96c876 rgb(150,200,118)
```
#a0ce84
```
#a0ce84 rgb(160,206,132)
```
#abd392
```
#abd392 rgb(171,211,146)
```
#b6d9a0
```
#b6d9a0 rgb(182,217,160)
```
#c1dfae
```
#c1dfae rgb(193,223,174)
```
#cbe4bc
```
#cbe4bc rgb(203,228,188)
```
#d6eaca
```
#d6eaca rgb(214,234,202)
```
#e1efd8
```
#e1efd8 rgb(225,239,216)
```
#ecf5e6
```
#ecf5e6 rgb(236,245,230)
```
#f7fbf4
```
#f7fbf4 rgb(247,251,244)
```

Tint Color Variation

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

#8a9186
```
#8a9186 rgb(138,145,134)
```
#88997e
```
#88997e rgb(136,153,126)
```
#86a275
```
#86a275 rgb(134,162,117)
```
#84ab6c
```
#84ab6c rgb(132,171,108)
```
#82b463
```
#82b463 rgb(130,180,99)
```
#80bd5a
```
#80bd5a rgb(128,189,90)
```
#7ec651
```
#7ec651 rgb(126,198,81)
```
#7ccf48
```
#7ccf48 rgb(124,207,72)
```
#7ad83f
```
#7ad83f rgb(122,216,63)
```
#78e136
```
#78e136 rgb(120,225,54)
```
#76e92e
```
#76e92e rgb(118,233,46)
```
#74f225
```
#74f225 rgb(116,242,37)
```
#72fb1c
```
#72fb1c rgb(114,251,28)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#99a591 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b15d Protanopia 1% of men
#d5a96a Deuteranopia 1% of men
#98b5c2 Tritanopia 0.001% of the population

Trichromacy

#aab55c Protanomaly 1% of men, 0.01% of women
#b6b064 Deuteranomaly 6% of men, 0.4% of women
#8fb89c Tritanomaly 0.01% of the population

#80bd5a hex color

#80bd5a Color Information

#80bd5a Color Conversion

Color Schemes with #80bd5a

Alternatives to #80bd5a

#80bd5a Preview

Shades and Tints of #80bd5a

Tones of #80bd5a

Color Blindness Simulator