#80bd4d hex color

In a RGB color space, hex #80bd4d is composed of 50.2% red, 74.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 32.3% cyan, 0% magenta, 59.3% yellow and 25.9% black. It has a hue angle of 92.7 degrees, a saturation of 45.9% and a lightness of 52.2%. #80bd4d color hex could be obtained by blending #ffff9a with #017b00. Closest websafe color is: #99cc66.

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

● #80bd4d color description : Moderate green.

The hexadecimal color #80bd4d has RGB values of R:128, G:189, B:77 and CMYK values of C:0.32, M:0, Y:0.59, K:0.26. Its decimal value is 8437069.

Hex triplet	80bd4d	`#80bd4d`
RGB Decimal	128, 189, 77	`rgb(128,189,77)`
RGB Percent	50.2, 74.1, 30.2	`rgb(50.2%,74.1%,30.2%)`
CMYK	32, 0, 59, 26
HSL	92.7°, 45.9, 52.2	`hsl(92.7,45.9%,52.2%)`
HSV (or HSB)	92.7°, 59.3, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	70.538, -38.589, 49.385
XYZ	28.438, 41.519, 13.536
xyY	0.341, 0.497, 41.519
CIE-LCH	70.538, 62.674, 128.004
CIE-LUV	70.538, -30.643, 65.823
Hunter-Lab	64.435, -33.981, 32.649
Binary	10000000, 10111101, 01001101

#80bd4d
```
#80bd4d rgb(128,189,77)
```
#8a4dbd
```
#8a4dbd rgb(138,77,189)
```

Complementary Color

#b8bd4d
```
#b8bd4d rgb(184,189,77)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#4dbd52
```
#4dbd52 rgb(77,189,82)
```

Analogous Color

#bd4db8
```
#bd4db8 rgb(189,77,184)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#524dbd
```
#524dbd rgb(82,77,189)
```

Split Complementary Color

#bd4d80
```
#bd4d80 rgb(189,77,128)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#4d80bd
```
#4d80bd rgb(77,128,189)
```

Triadic Color

#bd8a4d
```
#bd8a4d rgb(189,138,77)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#4d80bd
```
#4d80bd rgb(77,128,189)
```
#8a4dbd
```
#8a4dbd rgb(138,77,189)
```

Tetradic Color

#5b8a33
```
#5b8a33 rgb(91,138,51)
```
#679d3a
```
#679d3a rgb(103,157,58)
```
#73af41
```
#73af41 rgb(115,175,65)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#8dc460
```
#8dc460 rgb(141,196,96)
```
#9bcb72
```
#9bcb72 rgb(155,203,114)
```
#a8d285
```
#a8d285 rgb(168,210,133)
```

Monochromatic Color

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

#9cbd4d
```
#9cbd4d rgb(156,189,77)
```
#93bd4d
```
#93bd4d rgb(147,189,77)
```
#89bd4d
```
#89bd4d rgb(137,189,77)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#77bd4d
```
#77bd4d rgb(119,189,77)
```
#6dbd4d
```
#6dbd4d rgb(109,189,77)
```
#64bd4d
```
#64bd4d rgb(100,189,77)
```

Similar Colors

Text with hexadecimal color #80bd4d

This text has a font color of #80bd4d.

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

#80bd4d background color

This paragraph has a background color of #80bd4d.

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

#80bd4d border color

This element has a border color of #80bd4d.

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

CSS codes

.text {color:#80bd4d;}

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

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

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

#050803
```
#050803 rgb(5,8,3)
```
#0f1608
```
#0f1608 rgb(15,22,8)
```
#18250e
```
#18250e rgb(24,37,14)
```
#213313
```
#213313 rgb(33,51,19)
```
#2b4118
```
#2b4118 rgb(43,65,24)
```
#34501e
```
#34501e rgb(52,80,30)
```
#3e5e23
```
#3e5e23 rgb(62,94,35)
```
#476c28
```
#476c28 rgb(71,108,40)
```
#517b2d
```
#517b2d rgb(81,123,45)
```
#5a8933
```
#5a8933 rgb(90,137,51)
```
#639738
```
#639738 rgb(99,151,56)
```
#6da53d
```
#6da53d rgb(109,165,61)
```
#76b443
```
#76b443 rgb(118,180,67)
```

Shade Color Variation

#80bd4d
```
#80bd4d rgb(128,189,77)
```
#8ac25b
```
#8ac25b rgb(138,194,91)
```
#94c86a
```
#94c86a rgb(148,200,106)
```
#9fcd78
```
#9fcd78 rgb(159,205,120)
```
#a9d286
```
#a9d286 rgb(169,210,134)
```
#b3d895
```
#b3d895 rgb(179,216,149)
```
#bddda3
```
#bddda3 rgb(189,221,163)
```
#c7e2b1
```
#c7e2b1 rgb(199,226,177)
```
#d2e7bf
```
#d2e7bf rgb(210,231,191)
```
#dcedce
```
#dcedce rgb(220,237,206)
```
#e6f2dc
```
#e6f2dc rgb(230,242,220)
```
#f0f7ea
```
#f0f7ea rgb(240,247,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848e7c is the less saturated color, while #7aff0b is the most saturated one.

#848e7c
```
#848e7c rgb(132,142,124)
```
#839773
```
#839773 rgb(131,151,115)
```
#83a169
```
#83a169 rgb(131,161,105)
```
#82aa60
```
#82aa60 rgb(130,170,96)
```
#81b456
```
#81b456 rgb(129,180,86)
```
#80bd4d
```
#80bd4d rgb(128,189,77)
```
#7fc644
```
#7fc644 rgb(127,198,68)
```
#7ed03a
```
#7ed03a rgb(126,208,58)
```
#7dd931
```
#7dd931 rgb(125,217,49)
```
#7de327
```
#7de327 rgb(125,227,39)
```
#7cec1e
```
#7cec1e rgb(124,236,30)
```
#7bf515
```
#7bf515 rgb(123,245,21)
```
#7aff0b
```
#7aff0b rgb(122,255,11)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#98a48e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b151 Protanopia 1% of men
#d7a95f Deuteranopia 1% of men
#99b5c2 Tritanopia 0.001% of the population

Trichromacy

#abb54f Protanomaly 1% of men, 0.01% of women
#b7b058 Deuteranomaly 6% of men, 0.4% of women
#90b897 Tritanomaly 0.01% of the population

#80bd4d hex color

#80bd4d Color Information

#80bd4d Color Conversion

Color Schemes with #80bd4d

Alternatives to #80bd4d

#80bd4d Preview

Shades and Tints of #80bd4d

Tones of #80bd4d

Color Blindness Simulator