#80ba2f hex color

In a RGB color space, hex #80ba2f is composed of 50.2% red, 72.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 31.2% cyan, 0% magenta, 74.7% yellow and 27.1% black. It has a hue angle of 85 degrees, a saturation of 59.7% and a lightness of 45.7%. #80ba2f color hex could be obtained by blending #ffff5e with #017500. Closest websafe color is: #99cc33.

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

● #80ba2f color description : Moderate green.

The hexadecimal color #80ba2f has RGB values of R:128, G:186, B:47 and CMYK values of C:0.31, M:0, Y:0.75, K:0.27. Its decimal value is 8436271.

Hex triplet	80ba2f	`#80ba2f`
RGB Decimal	128, 186, 47	`rgb(128,186,47)`
RGB Percent	50.2, 72.9, 18.4	`rgb(50.2%,72.9%,18.4%)`
CMYK	31, 0, 75, 27
HSL	85°, 59.7, 45.7	`hsl(85,59.7%,45.7%)`
HSV (or HSB)	85°, 74.7, 72.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.406, -39.555, 60.223
XYZ	26.973, 39.911, 8.972
xyY	0.356, 0.526, 39.911
CIE-LCH	69.406, 72.051, 123.297
CIE-LUV	69.406, -29.324, 74.091
Hunter-Lab	63.175, -34.344, 35.803
Binary	10000000, 10111010, 00101111

#80ba2f
```
#80ba2f rgb(128,186,47)
```
#692fba
```
#692fba rgb(105,47,186)
```

Complementary Color

#baaf2f
```
#baaf2f rgb(186,175,47)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#3bba2f
```
#3bba2f rgb(59,186,47)
```

Analogous Color

#af2fba
```
#af2fba rgb(175,47,186)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#2f3bba
```
#2f3bba rgb(47,59,186)
```

Split Complementary Color

#ba2f80
```
#ba2f80 rgb(186,47,128)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#2f80ba
```
#2f80ba rgb(47,128,186)
```

Triadic Color

#ba692f
```
#ba692f rgb(186,105,47)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#2f80ba
```
#2f80ba rgb(47,128,186)
```
#692fba
```
#692fba rgb(105,47,186)
```

Tetradic Color

#567d20
```
#567d20 rgb(86,125,32)
```
#649125
```
#649125 rgb(100,145,37)
```
#72a62a
```
#72a62a rgb(114,166,42)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#8ecc36
```
#8ecc36 rgb(142,204,54)
```
#99d14b
```
#99d14b rgb(153,209,75)
```
#a5d75f
```
#a5d75f rgb(165,215,95)
```

Monochromatic Color

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

#a3ba2f
```
#a3ba2f rgb(163,186,47)
```
#97ba2f
```
#97ba2f rgb(151,186,47)
```
#8cba2f
```
#8cba2f rgb(140,186,47)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#74ba2f
```
#74ba2f rgb(116,186,47)
```
#69ba2f
```
#69ba2f rgb(105,186,47)
```
#5dba2f
```
#5dba2f rgb(93,186,47)
```

Similar Colors

Text with hexadecimal color #80ba2f

This text has a font color of #80ba2f.

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

#80ba2f background color

This paragraph has a background color of #80ba2f.

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

#80ba2f border color

This element has a border color of #80ba2f.

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

CSS codes

.text {color:#80ba2f;}

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

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

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

#090e03
```
#090e03 rgb(9,14,3)
```
#141d07
```
#141d07 rgb(20,29,7)
```
#1f2d0b
```
#1f2d0b rgb(31,45,11)
```
#2a3d0f
```
#2a3d0f rgb(42,61,15)
```
#354c13
```
#354c13 rgb(53,76,19)
```
#3f5c17
```
#3f5c17 rgb(63,92,23)
```
#4a6c1b
```
#4a6c1b rgb(74,108,27)
```
#557b1f
```
#557b1f rgb(85,123,31)
```
#608b23
```
#608b23 rgb(96,139,35)
```
#6a9b27
```
#6a9b27 rgb(106,155,39)
```
#75aa2b
```
#75aa2b rgb(117,170,43)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#8bca33
```
#8bca33 rgb(139,202,51)
```

Shade Color Variation

#94cf41
```
#94cf41 rgb(148,207,65)
```
#9dd351
```
#9dd351 rgb(157,211,81)
```
#a6d761
```
#a6d761 rgb(166,215,97)
```
#aedb70
```
#aedb70 rgb(174,219,112)
```
#b7df80
```
#b7df80 rgb(183,223,128)
```
#c0e38f
```
#c0e38f rgb(192,227,143)
```
#c9e79f
```
#c9e79f rgb(201,231,159)
```
#d2ebaf
```
#d2ebaf rgb(210,235,175)
```
#dbefbe
```
#dbefbe rgb(219,239,190)
```
#e3f3ce
```
#e3f3ce rgb(227,243,206)
```
#ecf7de
```
#ecf7de rgb(236,247,222)
```
#f5fbed
```
#f5fbed rgb(245,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#767b6e
```
#767b6e rgb(118,123,110)
```
#778465
```
#778465 rgb(119,132,101)
```
#798d5c
```
#798d5c rgb(121,141,92)
```
#7a9653
```
#7a9653 rgb(122,150,83)
```
#7c9f4a
```
#7c9f4a rgb(124,159,74)
```
#7da841
```
#7da841 rgb(125,168,65)
```
#7fb138
```
#7fb138 rgb(127,177,56)
```
#80ba2f
```
#80ba2f rgb(128,186,47)
```
#81c326
```
#81c326 rgb(129,195,38)
```
#83cc1d
```
#83cc1d rgb(131,204,29)
```
#84d514
```
#84d514 rgb(132,213,20)
```
#86de0b
```
#86de0b rgb(134,222,11)
```
#87e702
```
#87e702 rgb(135,231,2)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#94a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ae35 Protanopia 1% of men
#d6a545 Deuteranopia 1% of men
#99b1be Tritanopia 0.001% of the population

Trichromacy

#aab233 Protanomaly 1% of men, 0.01% of women
#b7ad3d Deuteranomaly 6% of men, 0.4% of women
#90b48a Tritanomaly 0.01% of the population

#80ba2f hex color

#80ba2f Color Information

#80ba2f Color Conversion

Color Schemes with #80ba2f

Alternatives to #80ba2f

#80ba2f Preview

Shades and Tints of #80ba2f

Tones of #80ba2f

Color Blindness Simulator