#80af4e hex color

In a RGB color space, hex #80af4e is composed of 50.2% red, 68.6% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 55.4% yellow and 31.4% black. It has a hue angle of 89.1 degrees, a saturation of 38.3% and a lightness of 49.6%. #80af4e color hex could be obtained by blending #ffff9c with #015f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 50
- G 69
- B 31
RGB color chart
- C 27
- M 0
- Y 55
- K 31
CMYK color chart

● #80af4e color description : Dark moderate green.

The hexadecimal color #80af4e has RGB values of R:128, G:175, B:78 and CMYK values of C:0.27, M:0, Y:0.55, K:0.31. Its decimal value is 8433486.

Hex triplet	80af4e	`#80af4e`
RGB Decimal	128, 175, 78	`rgb(128,175,78)`
RGB Percent	50.2, 68.6, 30.6	`rgb(50.2%,68.6%,30.6%)`
CMYK	27, 0, 55, 31
HSL	89.1°, 38.3, 49.6	`hsl(89.1,38.3%,49.6%)`
HSV (or HSB)	89.1°, 55.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.366, -32.095, 44.117
XYZ	25.607, 35.798, 12.768
xyY	0.345, 0.483, 35.798
CIE-LCH	66.366, 54.556, 126.036
CIE-LUV	66.366, -23.624, 58.536
Hunter-Lab	59.832, -28.312, 29.23
Binary	10000000, 10101111, 01001110

#80af4e
```
#80af4e rgb(128,175,78)
```
#7d4eaf
```
#7d4eaf rgb(125,78,175)
```

Complementary Color

#afae4e
```
#afae4e rgb(175,174,78)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#50af4e
```
#50af4e rgb(80,175,78)
```

Analogous Color

#ae4eaf
```
#ae4eaf rgb(174,78,175)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#4e50af
```
#4e50af rgb(78,80,175)
```

Split Complementary Color

#af4e80
```
#af4e80 rgb(175,78,128)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#4e80af
```
#4e80af rgb(78,128,175)
```

Triadic Color

#af7d4e
```
#af7d4e rgb(175,125,78)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#4e80af
```
#4e80af rgb(78,128,175)
```
#7d4eaf
```
#7d4eaf rgb(125,78,175)
```

Tetradic Color

#597a36
```
#597a36 rgb(89,122,54)
```
#668c3e
```
#668c3e rgb(102,140,62)
```
#739d46
```
#739d46 rgb(115,157,70)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#8db85f
```
#8db85f rgb(141,184,95)
```
#99bf71
```
#99bf71 rgb(153,191,113)
```
#a6c782
```
#a6c782 rgb(166,199,130)
```

Monochromatic Color

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

#98af4e
```
#98af4e rgb(152,175,78)
```
#90af4e
```
#90af4e rgb(144,175,78)
```
#88af4e
```
#88af4e rgb(136,175,78)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#78af4e
```
#78af4e rgb(120,175,78)
```
#70af4e
```
#70af4e rgb(112,175,78)
```
#68af4e
```
#68af4e rgb(104,175,78)
```

Similar Colors

Text with hexadecimal color #80af4e

This text has a font color of #80af4e.

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

#80af4e background color

This paragraph has a background color of #80af4e.

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

#80af4e border color

This element has a border color of #80af4e.

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

CSS codes

.text {color:#80af4e;}

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

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

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, #090c05 is the darkest color, while #fefefe is the lightest one.

#090c05
```
#090c05 rgb(9,12,5)
```
#131a0b
```
#131a0b rgb(19,26,11)
```
#1d2712
```
#1d2712 rgb(29,39,18)
```
#273518
```
#273518 rgb(39,53,24)
```
#31421e
```
#31421e rgb(49,66,30)
```
#3b5024
```
#3b5024 rgb(59,80,36)
```
#445e2a
```
#445e2a rgb(68,94,42)
```
#4e6b30
```
#4e6b30 rgb(78,107,48)
```
#587936
```
#587936 rgb(88,121,54)
```
#62863c
```
#62863c rgb(98,134,60)
```
#6c9442
```
#6c9442 rgb(108,148,66)
```
#76a148
```
#76a148 rgb(118,161,72)
```
#80af4e
```
#80af4e rgb(128,175,78)
```

Shade Color Variation

#8ab65b
```
#8ab65b rgb(138,182,91)
```
#93bc68
```
#93bc68 rgb(147,188,104)
```
#9dc276
```
#9dc276 rgb(157,194,118)
```
#a7c884
```
#a7c884 rgb(167,200,132)
```
#b0ce91
```
#b0ce91 rgb(176,206,145)
```
#bad49f
```
#bad49f rgb(186,212,159)
```
#c4daac
```
#c4daac rgb(196,218,172)
```
#cee0ba
```
#cee0ba rgb(206,224,186)
```
#d7e6c7
```
#d7e6c7 rgb(215,230,199)
```
#e1ecd5
```
#e1ecd5 rgb(225,236,213)
```
#ebf2e2
```
#ebf2e2 rgb(235,242,226)
```
#f4f8f0
```
#f4f8f0 rgb(244,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#7f8875
```
#7f8875 rgb(127,136,117)
```
#7f926b
```
#7f926b rgb(127,146,107)
```
#7f9c61
```
#7f9c61 rgb(127,156,97)
```
#80a558
```
#80a558 rgb(128,165,88)
```
#80af4e
```
#80af4e rgb(128,175,78)
```
#80b944
```
#80b944 rgb(128,185,68)
```
#81c23b
```
#81c23b rgb(129,194,59)
```
#81cc31
```
#81cc31 rgb(129,204,49)
```
#81d627
```
#81d627 rgb(129,214,39)
```
#82e01d
```
#82e01d rgb(130,224,29)
```
#82e914
```
#82e914 rgb(130,233,20)
```
#82f30a
```
#82f30a rgb(130,243,10)
```
#82fd00
```
#82fd00 rgb(130,253,0)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#929b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a653 Protanopia 1% of men
#c99f5e Deuteranopia 1% of men
#96a9b5 Tritanopia 0.001% of the population

Trichromacy

#a3a951 Protanomaly 1% of men, 0.01% of women
#aea458 Deuteranomaly 6% of men, 0.4% of women
#8eab8f Tritanomaly 0.01% of the population

#80af4e hex color

#80af4e Color Information

#80af4e Color Conversion

Color Schemes with #80af4e

Alternatives to #80af4e

#80af4e Preview

Shades and Tints of #80af4e

Tones of #80af4e

Color Blindness Simulator