#80af5a hex color

In a RGB color space, hex #80af5a is composed of 50.2% red, 68.6% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 48.6% yellow and 31.4% black. It has a hue angle of 93.2 degrees, a saturation of 34.7% and a lightness of 52%. #80af5a color hex could be obtained by blending #ffffb4 with #015f00. Closest websafe color is: #999966.

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

● #80af5a color description : Dark moderate green.

The hexadecimal color #80af5a has RGB values of R:128, G:175, B:90 and CMYK values of C:0.27, M:0, Y:0.49, K:0.31. Its decimal value is 8433498.

Hex triplet	80af5a	`#80af5a`
RGB Decimal	128, 175, 90	`rgb(128,175,90)`
RGB Percent	50.2, 68.6, 35.3	`rgb(50.2%,68.6%,35.3%)`
CMYK	27, 0, 49, 31
HSL	93.2°, 34.7, 52	`hsl(93.2,34.7%,52%)`
HSV (or HSB)	93.2°, 48.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.51, -30.751, 38.406
XYZ	26.077, 35.987, 15.245
xyY	0.337, 0.465, 35.987
CIE-LCH	66.51, 49.2, 128.684
CIE-LUV	66.51, -23.599, 52.929
Hunter-Lab	59.989, -27.388, 26.925
Binary	10000000, 10101111, 01011010

#80af5a
```
#80af5a rgb(128,175,90)
```
#895aaf
```
#895aaf rgb(137,90,175)
```

Complementary Color

#abaf5a
```
#abaf5a rgb(171,175,90)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#5aaf5f
```
#5aaf5f rgb(90,175,95)
```

Analogous Color

#af5aab
```
#af5aab rgb(175,90,171)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#5f5aaf
```
#5f5aaf rgb(95,90,175)
```

Split Complementary Color

#af5a80
```
#af5a80 rgb(175,90,128)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#5a80af
```
#5a80af rgb(90,128,175)
```

Triadic Color

#af895a
```
#af895a rgb(175,137,90)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#5a80af
```
#5a80af rgb(90,128,175)
```
#895aaf
```
#895aaf rgb(137,90,175)
```

Tetradic Color

#5b7f3e
```
#5b7f3e rgb(91,127,62)
```
#679046
```
#679046 rgb(103,144,70)
```
#73a14e
```
#73a14e rgb(115,161,78)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#8db76b
```
#8db76b rgb(141,183,107)
```
#9ac07c
```
#9ac07c rgb(154,192,124)
```
#a8c88e
```
#a8c88e rgb(168,200,142)
```

Monochromatic Color

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

#95af5a
```
#95af5a rgb(149,175,90)
```
#8eaf5a
```
#8eaf5a rgb(142,175,90)
```
#87af5a
```
#87af5a rgb(135,175,90)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#79af5a
```
#79af5a rgb(121,175,90)
```
#72af5a
```
#72af5a rgb(114,175,90)
```
#6baf5a
```
#6baf5a rgb(107,175,90)
```

Similar Colors

Text with hexadecimal color #80af5a

This text has a font color of #80af5a.

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

#80af5a background color

This paragraph has a background color of #80af5a.

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

#80af5a border color

This element has a border color of #80af5a.

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

CSS codes

.text {color:#80af5a;}

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

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

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

#050703
```
#050703 rgb(5,7,3)
```
#0e140a
```
#0e140a rgb(14,20,10)
```
#182110
```
#182110 rgb(24,33,16)
```
#212e16
```
#212e16 rgb(33,46,22)
```
#2b3c1d
```
#2b3c1d rgb(43,60,29)
```
#344923
```
#344923 rgb(52,73,35)
```
#3e562a
```
#3e562a rgb(62,86,42)
```
#476330
```
#476330 rgb(71,99,48)
```
#507037
```
#507037 rgb(80,112,55)
```
#5a7e3d
```
#5a7e3d rgb(90,126,61)
```
#638b43
```
#638b43 rgb(99,139,67)
```
#6d984a
```
#6d984a rgb(109,152,74)
```
#76a550
```
#76a550 rgb(118,165,80)
```

Shade Color Variation

#80af5a
```
#80af5a rgb(128,175,90)
```
#8ab567
```
#8ab567 rgb(138,181,103)
```
#94bc74
```
#94bc74 rgb(148,188,116)
```
#9fc282
```
#9fc282 rgb(159,194,130)
```
#a9c98f
```
#a9c98f rgb(169,201,143)
```
#b3cf9c
```
#b3cf9c rgb(179,207,156)
```
#bdd5a9
```
#bdd5a9 rgb(189,213,169)
```
#c7dcb6
```
#c7dcb6 rgb(199,220,182)
```
#d1e2c4
```
#d1e2c4 rgb(209,226,196)
```
#dce9d1
```
#dce9d1 rgb(220,233,209)
```
#e6efde
```
#e6efde rgb(230,239,222)
```
#f0f5eb
```
#f0f5eb rgb(240,245,235)
```
#fafcf9
```
#fafcf9 rgb(250,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848980 is the less saturated color, while #78fa0f is the most saturated one.

#848980
```
#848980 rgb(132,137,128)
```
#839376
```
#839376 rgb(131,147,118)
```
#829c6d
```
#829c6d rgb(130,156,109)
```
#81a663
```
#81a663 rgb(129,166,99)
```
#80af5a
```
#80af5a rgb(128,175,90)
```
#7fb851
```
#7fb851 rgb(127,184,81)
```
#7ec247
```
#7ec247 rgb(126,194,71)
```
#7dcb3e
```
#7dcb3e rgb(125,203,62)
```
#7cd534
```
#7cd534 rgb(124,213,52)
```
#7bde2b
```
#7bde2b rgb(123,222,43)
```
#7ae821
```
#7ae821 rgb(122,232,33)
```
#79f118
```
#79f118 rgb(121,241,24)
```
#78fa0f
```
#78fa0f rgb(120,250,15)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#929c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a65e Protanopia 1% of men
#c89f69 Deuteranopia 1% of men
#95a9b5 Tritanopia 0.001% of the population

Trichromacy

#a2a95c Protanomaly 1% of men, 0.01% of women
#ada563 Deuteranomaly 6% of men, 0.4% of women
#8dab94 Tritanomaly 0.01% of the population

#80af5a hex color

#80af5a Color Information

#80af5a Color Conversion

Color Schemes with #80af5a

Alternatives to #80af5a

#80af5a Preview

Shades and Tints of #80af5a

Tones of #80af5a

Color Blindness Simulator