#80ba5f hex color

In a RGB color space, hex #80ba5f is composed of 50.2% red, 72.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 0% magenta, 48.9% yellow and 27.1% black. It has a hue angle of 98.2 degrees, a saturation of 39.7% and a lightness of 55.1%. #80ba5f color hex could be obtained by blending #ffffbe with #017500. Closest websafe color is: #99cc66.

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

● #80ba5f color description : Slightly desaturated green.

The hexadecimal color #80ba5f has RGB values of R:128, G:186, B:95 and CMYK values of C:0.31, M:0, Y:0.49, K:0.27. Its decimal value is 8436319.

Hex triplet	80ba5f	`#80ba5f`
RGB Decimal	128, 186, 95	`rgb(128,186,95)`
RGB Percent	50.2, 72.9, 37.3	`rgb(50.2%,72.9%,37.3%)`
CMYK	31, 0, 49, 27
HSL	98.2°, 39.7, 55.1	`hsl(98.2,39.7%,55.1%)`
HSV (or HSB)	98.2°, 48.9, 72.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	69.847, -35.268, 40.009
XYZ	28.526, 40.532, 17.146
xyY	0.331, 0.47, 40.532
CIE-LCH	69.847, 53.335, 131.396
CIE-LUV	69.847, -29.039, 56.226
Hunter-Lab	63.665, -31.435, 28.597
Binary	10000000, 10111010, 01011111

#80ba5f
```
#80ba5f rgb(128,186,95)
```
#995fba
```
#995fba rgb(153,95,186)
```

Complementary Color

#aeba5f
```
#aeba5f rgb(174,186,95)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#5fba6c
```
#5fba6c rgb(95,186,108)
```

Analogous Color

#ba5fae
```
#ba5fae rgb(186,95,174)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#6c5fba
```
#6c5fba rgb(108,95,186)
```

Split Complementary Color

#ba5f80
```
#ba5f80 rgb(186,95,128)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#5f80ba
```
#5f80ba rgb(95,128,186)
```

Triadic Color

#ba995f
```
#ba995f rgb(186,153,95)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#5f80ba
```
#5f80ba rgb(95,128,186)
```
#995fba
```
#995fba rgb(153,95,186)
```

Tetradic Color

#5b8f3e
```
#5b8f3e rgb(91,143,62)
```
#66a145
```
#66a145 rgb(102,161,69)
```
#72b24d
```
#72b24d rgb(114,178,77)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#8ec271
```
#8ec271 rgb(142,194,113)
```
#9cc983
```
#9cc983 rgb(156,201,131)
```
#aad194
```
#aad194 rgb(170,209,148)
```

Monochromatic Color

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

#97ba5f
```
#97ba5f rgb(151,186,95)
```
#8fba5f
```
#8fba5f rgb(143,186,95)
```
#88ba5f
```
#88ba5f rgb(136,186,95)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#78ba5f
```
#78ba5f rgb(120,186,95)
```
#71ba5f
```
#71ba5f rgb(113,186,95)
```
#69ba5f
```
#69ba5f rgb(105,186,95)
```

Similar Colors

Text with hexadecimal color #80ba5f

This text has a font color of #80ba5f.

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

#80ba5f background color

This paragraph has a background color of #80ba5f.

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

#80ba5f border color

This element has a border color of #80ba5f.

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

CSS codes

.text {color:#80ba5f;}

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

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c1208
```
#0c1208 rgb(12,18,8)
```
#14200e
```
#14200e rgb(20,32,14)
```
#1d2e14
```
#1d2e14 rgb(29,46,20)
```
#263b1a
```
#263b1a rgb(38,59,26)
```
#2f491f
```
#2f491f rgb(47,73,31)
```
#375725
```
#375725 rgb(55,87,37)
```
#40642b
```
#40642b rgb(64,100,43)
```
#497231
```
#497231 rgb(73,114,49)
```
#518037
```
#518037 rgb(81,128,55)
```
#5a8e3d
```
#5a8e3d rgb(90,142,61)
```
#639b43
```
#639b43 rgb(99,155,67)
```
#6ca949
```
#6ca949 rgb(108,169,73)
```

Shade Color Variation

#75b451
```
#75b451 rgb(117,180,81)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#8bc06d
```
#8bc06d rgb(139,192,109)
```
#96c67a
```
#96c67a rgb(150,198,122)
```
#a1cc88
```
#a1cc88 rgb(161,204,136)
```
#acd296
```
#acd296 rgb(172,210,150)
```
#b6d8a4
```
#b6d8a4 rgb(182,216,164)
```
#c1ddb1
```
#c1ddb1 rgb(193,221,177)
```
#cce3bf
```
#cce3bf rgb(204,227,191)
```
#d7e9cd
```
#d7e9cd rgb(215,233,205)
```
#e2efda
```
#e2efda rgb(226,239,218)
```
#edf5e8
```
#edf5e8 rgb(237,245,232)
```
#f8fbf6
```
#f8fbf6 rgb(248,251,246)
```

Tint Color Variation

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

#8c8e8b
```
#8c8e8b rgb(140,142,139)
```
#8a9782
```
#8a9782 rgb(138,151,130)
```
#87a079
```
#87a079 rgb(135,160,121)
```
#85a871
```
#85a871 rgb(133,168,113)
```
#82b168
```
#82b168 rgb(130,177,104)
```
#80ba5f
```
#80ba5f rgb(128,186,95)
```
#7ec356
```
#7ec356 rgb(126,195,86)
```
#7bcc4d
```
#7bcc4d rgb(123,204,77)
```
#79d445
```
#79d445 rgb(121,212,69)
```
#76dd3c
```
#76dd3c rgb(118,221,60)
```
#74e633
```
#74e633 rgb(116,230,51)
```
#71ef2a
```
#71ef2a rgb(113,239,42)
```
#6ff821
```
#6ff821 rgb(111,248,33)
```

Tone Color Variation

Below, you can see how #80ba5f 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
#98a491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0af62 Protanopia 1% of men
#d2a76e Deuteranopia 1% of men
#97b3c0 Tritanopia 0.001% of the population

Trichromacy

#a8b361 Protanomaly 1% of men, 0.01% of women
#b4ae69 Deuteranomaly 6% of men, 0.4% of women
#8eb59d Tritanomaly 0.01% of the population

#80ba5f hex color

#80ba5f Color Information

#80ba5f Color Conversion

Color Schemes with #80ba5f

Alternatives to #80ba5f

#80ba5f Preview

Shades and Tints of #80ba5f

Tones of #80ba5f

Color Blindness Simulator