#80af46 hex color

In a RGB color space, hex #80af46 is composed of 50.2% red, 68.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 26.9% cyan, 0% magenta, 60% yellow and 31.4% black. It has a hue angle of 86.9 degrees, a saturation of 42.9% and a lightness of 48%. #80af46 color hex could be obtained by blending #ffff8c with #015f00. Closest websafe color is: #999933.

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

● #80af46 color description : Dark moderate green.

The hexadecimal color #80af46 has RGB values of R:128, G:175, B:70 and CMYK values of C:0.27, M:0, Y:0.6, K:0.31. Its decimal value is 8433478.

Hex triplet	80af46	`#80af46`
RGB Decimal	128, 175, 70	`rgb(128,175,70)`
RGB Percent	50.2, 68.6, 27.5	`rgb(50.2%,68.6%,27.5%)`
CMYK	27, 0, 60, 31
HSL	86.9°, 42.9, 48	`hsl(86.9,42.9%,48%)`
HSV (or HSB)	86.9°, 60, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.283, -32.876, 47.747
XYZ	25.337, 35.691, 11.348
xyY	0.35, 0.493, 35.691
CIE-LCH	66.283, 57.97, 124.549
CIE-LUV	66.283, -23.639, 61.832
Hunter-Lab	59.742, -28.845, 30.557
Binary	10000000, 10101111, 01000110

#80af46
```
#80af46 rgb(128,175,70)
```
#7546af
```
#7546af rgb(117,70,175)
```

Complementary Color

#afaa46
```
#afaa46 rgb(175,170,70)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#4caf46
```
#4caf46 rgb(76,175,70)
```

Analogous Color

#aa46af
```
#aa46af rgb(170,70,175)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#464caf
```
#464caf rgb(70,76,175)
```

Split Complementary Color

#af4680
```
#af4680 rgb(175,70,128)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#4680af
```
#4680af rgb(70,128,175)
```

Triadic Color

#af7546
```
#af7546 rgb(175,117,70)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#4680af
```
#4680af rgb(70,128,175)
```
#7546af
```
#7546af rgb(117,70,175)
```

Tetradic Color

#587830
```
#587830 rgb(88,120,48)
```
#658b37
```
#658b37 rgb(101,139,55)
```
#739d3f
```
#739d3f rgb(115,157,63)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#8dbb54
```
#8dbb54 rgb(141,187,84)
```
#99c266
```
#99c266 rgb(153,194,102)
```
#a5c978
```
#a5c978 rgb(165,201,120)
```

Monochromatic Color

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

#9aaf46
```
#9aaf46 rgb(154,175,70)
```
#92af46
```
#92af46 rgb(146,175,70)
```
#89af46
```
#89af46 rgb(137,175,70)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#77af46
```
#77af46 rgb(119,175,70)
```
#6faf46
```
#6faf46 rgb(111,175,70)
```
#66af46
```
#66af46 rgb(102,175,70)
```

Similar Colors

Text with hexadecimal color #80af46

This text has a font color of #80af46.

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

#80af46 background color

This paragraph has a background color of #80af46.

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

#80af46 border color

This element has a border color of #80af46.

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

CSS codes

.text {color:#80af46;}

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

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

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 #fafcf8 is the lightest one.

#050703
```
#050703 rgb(5,7,3)
```
#0f1508
```
#0f1508 rgb(15,21,8)
```
#1a230e
```
#1a230e rgb(26,35,14)
```
#243114
```
#243114 rgb(36,49,20)
```
#2e3f19
```
#2e3f19 rgb(46,63,25)
```
#384d1f
```
#384d1f rgb(56,77,31)
```
#435b24
```
#435b24 rgb(67,91,36)
```
#4d692a
```
#4d692a rgb(77,105,42)
```
#577730
```
#577730 rgb(87,119,48)
```
#618535
```
#618535 rgb(97,133,53)
```
#6c933b
```
#6c933b rgb(108,147,59)
```
#76a140
```
#76a140 rgb(118,161,64)
```
#80af46
```
#80af46 rgb(128,175,70)
```

Shade Color Variation

#8ab950
```
#8ab950 rgb(138,185,80)
```
#93be5e
```
#93be5e rgb(147,190,94)
```
#9dc46c
```
#9dc46c rgb(157,196,108)
```
#a6ca7a
```
#a6ca7a rgb(166,202,122)
```
#afcf88
```
#afcf88 rgb(175,207,136)
```
#b9d596
```
#b9d596 rgb(185,213,150)
```
#c2dba4
```
#c2dba4 rgb(194,219,164)
```
#cbe0b2
```
#cbe0b2 rgb(203,224,178)
```
#d5e6c0
```
#d5e6c0 rgb(213,230,192)
```
#deebce
```
#deebce rgb(222,235,206)
```
#e7f1dc
```
#e7f1dc rgb(231,241,220)
```
#f1f7ea
```
#f1f7ea rgb(241,247,234)
```
#fafcf8
```
#fafcf8 rgb(250,252,248)
```

Tint Color Variation

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

#7b8075
```
#7b8075 rgb(123,128,117)
```
#7c896c
```
#7c896c rgb(124,137,108)
```
#7d9362
```
#7d9362 rgb(125,147,98)
```
#7e9c59
```
#7e9c59 rgb(126,156,89)
```
#7fa64f
```
#7fa64f rgb(127,166,79)
```
#80af46
```
#80af46 rgb(128,175,70)
```
#81b83d
```
#81b83d rgb(129,184,61)
```
#82c233
```
#82c233 rgb(130,194,51)
```
#83cb2a
```
#83cb2a rgb(131,203,42)
```
#84d520
```
#84d520 rgb(132,213,32)
```
#85de17
```
#85de17 rgb(133,222,23)
```
#86e80d
```
#86e80d rgb(134,232,13)
```
#87f104
```
#87f104 rgb(135,241,4)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#919a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a64b Protanopia 1% of men
#ca9e57 Deuteranopia 1% of men
#96a8b4 Tritanopia 0.001% of the population

Trichromacy

#a3a949 Protanomaly 1% of men, 0.01% of women
#afa451 Deuteranomaly 6% of men, 0.4% of women
#8eaa8c Tritanomaly 0.01% of the population

#80af46 hex color

#80af46 Color Information

#80af46 Color Conversion

Color Schemes with #80af46

Alternatives to #80af46

#80af46 Preview

Shades and Tints of #80af46

Tones of #80af46

Color Blindness Simulator