#80b228 hex color

In a RGB color space, hex #80b228 is composed of 50.2% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 28.1% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 81.7 degrees, a saturation of 63.3% and a lightness of 42.7%. #80b228 color hex could be obtained by blending #ffff50 with #016500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 50
- G 70
- B 16
RGB color chart
- C 28
- M 0
- Y 78
- K 30
CMYK color chart

● #80b228 color description : Dark green.

The hexadecimal color #80b228 has RGB values of R:128, G:178, B:40 and CMYK values of C:0.28, M:0, Y:0.78, K:0.3. Its decimal value is 8434216.

Hex triplet	80b228	`#80b228`
RGB Decimal	128, 178, 40	`rgb(128,178,40)`
RGB Percent	50.2, 69.8, 15.7	`rgb(50.2%,69.8%,15.7%)`
CMYK	28, 0, 78, 30
HSL	81.7°, 63.3, 42.7	`hsl(81.7,63.3%,42.7%)`
HSV (or HSB)	81.7°, 77.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	66.963, -36.365, 60.187
XYZ	25.205, 36.582, 7.741
xyY	0.363, 0.526, 36.582
CIE-LCH	66.963, 70.32, 121.14
CIE-LUV	66.963, -25.252, 72.259
Hunter-Lab	60.483, -31.461, 34.751
Binary	10000000, 10110010, 00101000

#80b228
```
#80b228 rgb(128,178,40)
```
#5a28b2
```
#5a28b2 rgb(90,40,178)
```

Complementary Color

#b29f28
```
#b29f28 rgb(178,159,40)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#3bb228
```
#3bb228 rgb(59,178,40)
```

Analogous Color

#9f28b2
```
#9f28b2 rgb(159,40,178)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#283bb2
```
#283bb2 rgb(40,59,178)
```

Split Complementary Color

#b22880
```
#b22880 rgb(178,40,128)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#2880b2
```
#2880b2 rgb(40,128,178)
```

Triadic Color

#b25a28
```
#b25a28 rgb(178,90,40)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#2880b2
```
#2880b2 rgb(40,128,178)
```
#5a28b2
```
#5a28b2 rgb(90,40,178)
```

Tetradic Color

#53741a
```
#53741a rgb(83,116,26)
```
#62881f
```
#62881f rgb(98,136,31)
```
#719d23
```
#719d23 rgb(113,157,35)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#8fc72d
```
#8fc72d rgb(143,199,45)
```
#9cd33a
```
#9cd33a rgb(156,211,58)
```
#a6d74f
```
#a6d74f rgb(166,215,79)
```

Monochromatic Color

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

#a3b228
```
#a3b228 rgb(163,178,40)
```
#97b228
```
#97b228 rgb(151,178,40)
```
#8cb228
```
#8cb228 rgb(140,178,40)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#75b228
```
#75b228 rgb(117,178,40)
```
#69b228
```
#69b228 rgb(105,178,40)
```
#5eb228
```
#5eb228 rgb(94,178,40)
```

Similar Colors

Text with hexadecimal color #80b228

This text has a font color of #80b228.

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

#80b228 background color

This paragraph has a background color of #80b228.

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

#80b228 border color

This element has a border color of #80b228.

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

CSS codes

.text {color:#80b228;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0d1204
```
#0d1204 rgb(13,18,4)
```
#182208
```
#182208 rgb(24,34,8)
```
#24320b
```
#24320b rgb(36,50,11)
```
#2f420f
```
#2f420f rgb(47,66,15)
```
#3b5212
```
#3b5212 rgb(59,82,18)
```
#466216
```
#466216 rgb(70,98,22)
```
#52721a
```
#52721a rgb(82,114,26)
```
#5d821d
```
#5d821d rgb(93,130,29)
```
#699221
```
#699221 rgb(105,146,33)
```
#74a224
```
#74a224 rgb(116,162,36)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#8cc22c
```
#8cc22c rgb(140,194,44)
```

Shade Color Variation

#97d131
```
#97d131 rgb(151,209,49)
```
#9fd441
```
#9fd441 rgb(159,212,65)
```
#a7d851
```
#a7d851 rgb(167,216,81)
```
#afdb61
```
#afdb61 rgb(175,219,97)
```
#b7df71
```
#b7df71 rgb(183,223,113)
```
#bfe381
```
#bfe381 rgb(191,227,129)
```
#c7e691
```
#c7e691 rgb(199,230,145)
```
#cfeaa1
```
#cfeaa1 rgb(207,234,161)
```
#d7edb1
```
#d7edb1 rgb(215,237,177)
```
#e0f1c1
```
#e0f1c1 rgb(224,241,193)
```
#e8f5d1
```
#e8f5d1 rgb(232,245,209)
```
#f0f8e1
```
#f0f8e1 rgb(240,248,225)
```
#f8fcf1
```
#f8fcf1 rgb(248,252,241)
```

Tint Color Variation

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

#6e6f6b
```
#6e6f6b rgb(110,111,107)
```
#707763
```
#707763 rgb(112,119,99)
```
#72805a
```
#72805a rgb(114,128,90)
```
#748852
```
#748852 rgb(116,136,82)
```
#77904a
```
#77904a rgb(119,144,74)
```
#799941
```
#799941 rgb(121,153,65)
```
#7ba139
```
#7ba139 rgb(123,161,57)
```
#7eaa30
```
#7eaa30 rgb(126,170,48)
```
#80b228
```
#80b228 rgb(128,178,40)
```
#82ba20
```
#82ba20 rgb(130,186,32)
```
#85c317
```
#85c317 rgb(133,195,23)
```
#87cb0f
```
#87cb0f rgb(135,203,15)
```
#89d406
```
#89d406 rgb(137,212,6)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8f997e Atypical Achromatopsia 0.001% of the population

Dichromacy

#bba82f Protanopia 1% of men
#cf9f3e Deuteranopia 1% of men
#98aab6 Tritanopia 0.001% of the population

Trichromacy

#a5ab2c Protanomaly 1% of men, 0.01% of women
#b2a636 Deuteranomaly 6% of men, 0.4% of women
#8fad82 Tritanomaly 0.01% of the population

#80b228 hex color

#80b228 Color Information

#80b228 Color Conversion

Color Schemes with #80b228

Alternatives to #80b228

#80b228 Preview

Shades and Tints of #80b228

Tones of #80b228

Color Blindness Simulator