#80af6f hex color

In a RGB color space, hex #80af6f is composed of 50.2% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 36.6% yellow and 31.4% black. It has a hue angle of 104.1 degrees, a saturation of 28.6% and a lightness of 56.1%. #80af6f color hex could be obtained by blending #ffffde with #015f00. Closest websafe color is: #999966.

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

● #80af6f color description : Mostly desaturated dark green.

The hexadecimal color #80af6f has RGB values of R:128, G:175, B:111 and CMYK values of C:0.27, M:0, Y:0.37, K:0.31. Its decimal value is 8433519.

Hex triplet	80af6f	`#80af6f`
RGB Decimal	128, 175, 111	`rgb(128,175,111)`
RGB Percent	50.2, 68.6, 43.5	`rgb(50.2%,68.6%,43.5%)`
CMYK	27, 0, 37, 31
HSL	104.1°, 28.6, 56.1	`hsl(104.1,28.6%,56.1%)`
HSV (or HSB)	104.1°, 36.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.821, -27.898, 27.915
XYZ	27.1, 36.396, 20.635
xyY	0.322, 0.433, 36.396
CIE-LCH	66.821, 39.466, 134.983
CIE-LUV	66.821, -23.554, 41.311
Hunter-Lab	60.329, -25.392, 21.95
Binary	10000000, 10101111, 01101111

#80af6f
```
#80af6f rgb(128,175,111)
```
#9e6faf
```
#9e6faf rgb(158,111,175)
```

Complementary Color

#a0af6f
```
#a0af6f rgb(160,175,111)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#6faf7e
```
#6faf7e rgb(111,175,126)
```

Analogous Color

#af6fa0
```
#af6fa0 rgb(175,111,160)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#7e6faf
```
#7e6faf rgb(126,111,175)
```

Split Complementary Color

#af6f80
```
#af6f80 rgb(175,111,128)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#6f80af
```
#6f80af rgb(111,128,175)
```

Triadic Color

#af9e6f
```
#af9e6f rgb(175,158,111)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#6f80af
```
#6f80af rgb(111,128,175)
```
#9e6faf
```
#9e6faf rgb(158,111,175)
```

Tetradic Color

#5b874b
```
#5b874b rgb(91,135,75)
```
#669754
```
#669754 rgb(102,151,84)
```
#72a65f
```
#72a65f rgb(114,166,95)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#8eb87f
```
#8eb87f rgb(142,184,127)
```
#9dc190
```
#9dc190 rgb(157,193,144)
```
#abcaa0
```
#abcaa0 rgb(171,202,160)
```

Monochromatic Color

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

#90af6f
```
#90af6f rgb(144,175,111)
```
#8baf6f
```
#8baf6f rgb(139,175,111)
```
#85af6f
```
#85af6f rgb(133,175,111)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#7baf6f
```
#7baf6f rgb(123,175,111)
```
#75af6f
```
#75af6f rgb(117,175,111)
```
#70af6f
```
#70af6f rgb(112,175,111)
```

Similar Colors

Text with hexadecimal color #80af6f

This text has a font color of #80af6f.

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

#80af6f background color

This paragraph has a background color of #80af6f.

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

#80af6f border color

This element has a border color of #80af6f.

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

CSS codes

.text {color:#80af6f;}

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

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

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

#050704
```
#050704 rgb(5,7,4)
```
#0d140b
```
#0d140b rgb(13,20,11)
```
#162112
```
#162112 rgb(22,33,18)
```
#1e2d19
```
#1e2d19 rgb(30,45,25)
```
#273a20
```
#273a20 rgb(39,58,32)
```
#2f4627
```
#2f4627 rgb(47,70,39)
```
#38532e
```
#38532e rgb(56,83,46)
```
#406035
```
#406035 rgb(64,96,53)
```
#496c3c
```
#496c3c rgb(73,108,60)
```
#517943
```
#517943 rgb(81,121,67)
```
#5a854a
```
#5a854a rgb(90,133,74)
```
#629251
```
#629251 rgb(98,146,81)
```
#6b9f58
```
#6b9f58 rgb(107,159,88)
```

Shade Color Variation

#75a862
```
#75a862 rgb(117,168,98)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#8bb67c
```
#8bb67c rgb(139,182,124)
```
#96bd88
```
#96bd88 rgb(150,189,136)
```
#a1c495
```
#a1c495 rgb(161,196,149)
```
#accba1
```
#accba1 rgb(172,203,161)
```
#b8d2ae
```
#b8d2ae rgb(184,210,174)
```
#c3d9bb
```
#c3d9bb rgb(195,217,187)
```
#cee0c7
```
#cee0c7 rgb(206,224,199)
```
#d9e7d4
```
#d9e7d4 rgb(217,231,212)
```
#e4eee0
```
#e4eee0 rgb(228,238,224)
```
#eff5ed
```
#eff5ed rgb(239,245,237)
```
#fafcfa
```
#fafcfa rgb(250,252,250)
```

Tint Color Variation

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

#8c9589
```
#8c9589 rgb(140,149,137)
```
#889e80
```
#889e80 rgb(136,158,128)
```
#84a678
```
#84a678 rgb(132,166,120)
```
#80af6f
```
#80af6f rgb(128,175,111)
```
#7cb866
```
#7cb866 rgb(124,184,102)
```
#78c05e
```
#78c05e rgb(120,192,94)
```
#74c955
```
#74c955 rgb(116,201,85)
```
#70d14d
```
#70d14d rgb(112,209,77)
```
#6cda44
```
#6cda44 rgb(108,218,68)
```
#68e33b
```
#68e33b rgb(104,227,59)
```
#64eb33
```
#64eb33 rgb(100,235,51)
```
#60f42a
```
#60f42a rgb(96,244,42)
```
#5cfd21
```
#5cfd21 rgb(92,253,33)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#959e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a771 Protanopia 1% of men
#c4a07c Deuteranopia 1% of men
#93abb7 Tritanopia 0.001% of the population

Trichromacy

#a1aa70 Protanomaly 1% of men, 0.01% of women
#aba577 Deuteranomaly 6% of men, 0.4% of women
#8cac9d Tritanomaly 0.01% of the population

#80af6f hex color

#80af6f Color Information

#80af6f Color Conversion

Color Schemes with #80af6f

Alternatives to #80af6f

#80af6f Preview

Shades and Tints of #80af6f

Tones of #80af6f

Color Blindness Simulator