#80bb20 hex color

In a RGB color space, hex #80bb20 is composed of 50.2% red, 73.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 0% magenta, 82.9% yellow and 26.7% black. It has a hue angle of 82.8 degrees, a saturation of 70.8% and a lightness of 42.9%. #80bb20 color hex could be obtained by blending #ffff40 with #017700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 50
- G 73
- B 13
RGB color chart
- C 32
- M 0
- Y 83
- K 27
CMYK color chart

● #80bb20 color description : Strong green.

The hexadecimal color #80bb20 has RGB values of R:128, G:187, B:32 and CMYK values of C:0.32, M:0, Y:0.83, K:0.27. Its decimal value is 8436512.

Hex triplet	80bb20	`#80bb20`
RGB Decimal	128, 187, 32	`rgb(128,187,32)`
RGB Percent	50.2, 73.3, 12.5	`rgb(50.2%,73.3%,12.5%)`
CMYK	32, 0, 83, 27
HSL	82.8°, 70.8, 42.9	`hsl(82.8,70.8%,42.9%)`
HSV (or HSB)	82.8°, 82.9, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.635, -40.708, 64.893
XYZ	26.933, 40.233, 7.713
xyY	0.36, 0.537, 40.233
CIE-LCH	69.635, 76.605, 122.1
CIE-LUV	69.635, -29.879, 77.577
Hunter-Lab	63.43, -35.21, 37.191
Binary	10000000, 10111011, 00100000

#80bb20
```
#80bb20 rgb(128,187,32)
```
#5b20bb
```
#5b20bb rgb(91,32,187)
```

Complementary Color

#bba920
```
#bba920 rgb(187,169,32)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#33bb20
```
#33bb20 rgb(51,187,32)
```

Analogous Color

#a920bb
```
#a920bb rgb(169,32,187)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#2033bb
```
#2033bb rgb(32,51,187)
```

Split Complementary Color

#bb2080
```
#bb2080 rgb(187,32,128)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#2080bb
```
#2080bb rgb(32,128,187)
```

Triadic Color

#bb5b20
```
#bb5b20 rgb(187,91,32)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#2080bb
```
#2080bb rgb(32,128,187)
```
#5b20bb
```
#5b20bb rgb(91,32,187)
```

Tetradic Color

#537a15
```
#537a15 rgb(83,122,21)
```
#628f19
```
#628f19 rgb(98,143,25)
```
#71a51c
```
#71a51c rgb(113,165,28)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#8fd124
```
#8fd124 rgb(143,209,36)
```
#9bdc32
```
#9bdc32 rgb(155,220,50)
```
#a6e048
```
#a6e048 rgb(166,224,72)
```

Monochromatic Color

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

#a7bb20
```
#a7bb20 rgb(167,187,32)
```
#9abb20
```
#9abb20 rgb(154,187,32)
```
#8dbb20
```
#8dbb20 rgb(141,187,32)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#73bb20
```
#73bb20 rgb(115,187,32)
```
#66bb20
```
#66bb20 rgb(102,187,32)
```
#59bb20
```
#59bb20 rgb(89,187,32)
```

Similar Colors

Text with hexadecimal color #80bb20

This text has a font color of #80bb20.

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

#80bb20 background color

This paragraph has a background color of #80bb20.

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

#80bb20 border color

This element has a border color of #80bb20.

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

CSS codes

.text {color:#80bb20;}

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

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0d1403
```
#0d1403 rgb(13,20,3)
```
#192406
```
#192406 rgb(25,36,6)
```
#243509
```
#243509 rgb(36,53,9)
```
#30460c
```
#30460c rgb(48,70,12)
```
#3b570f
```
#3b570f rgb(59,87,15)
```
#476712
```
#476712 rgb(71,103,18)
```
#527815
```
#527815 rgb(82,120,21)
```
#5e8917
```
#5e8917 rgb(94,137,23)
```
#699a1a
```
#699a1a rgb(105,154,26)
```
#75aa1d
```
#75aa1d rgb(117,170,29)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#8bcc23
```
#8bcc23 rgb(139,204,35)
```

Shade Color Variation

#96da28
```
#96da28 rgb(150,218,40)
```
#9fdd39
```
#9fdd39 rgb(159,221,57)
```
#a7e04a
```
#a7e04a rgb(167,224,74)
```
#afe35a
```
#afe35a rgb(175,227,90)
```
#b7e66b
```
#b7e66b rgb(183,230,107)
```
#bfe97c
```
#bfe97c rgb(191,233,124)
```
#c7eb8d
```
#c7eb8d rgb(199,235,141)
```
#cfee9d
```
#cfee9d rgb(207,238,157)
```
#d8f1ae
```
#d8f1ae rgb(216,241,174)
```
#e0f4bf
```
#e0f4bf rgb(224,244,191)
```
#e8f7d0
```
#e8f7d0 rgb(232,247,208)
```
#f0fae0
```
#f0fae0 rgb(240,250,224)
```
#f8fdf1
```
#f8fdf1 rgb(248,253,241)
```

Tint Color Variation

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

#6e6f6c
```
#6e6f6c rgb(110,111,108)
```
#707863
```
#707863 rgb(112,120,99)
```
#72805b
```
#72805b rgb(114,128,91)
```
#748853
```
#748853 rgb(116,136,83)
```
#76914a
```
#76914a rgb(118,145,74)
```
#789942
```
#789942 rgb(120,153,66)
```
#7aa239
```
#7aa239 rgb(122,162,57)
```
#7caa31
```
#7caa31 rgb(124,170,49)
```
#7eb328
```
#7eb328 rgb(126,179,40)
```
#80bb20
```
#80bb20 rgb(128,187,32)
```
#82c318
```
#82c318 rgb(130,195,24)
```
#84cc0f
```
#84cc0f rgb(132,204,15)
```
#86d407
```
#86d407 rgb(134,212,7)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#939f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae27 Protanopia 1% of men
#d8a63a Deuteranopia 1% of men
#9ab2be Tritanopia 0.001% of the population

Trichromacy

#aab324 Protanomaly 1% of men, 0.01% of women
#b8ad30 Deuteranomaly 6% of men, 0.4% of women
#90b585 Tritanomaly 0.01% of the population

#80bb20 hex color

#80bb20 Color Information

#80bb20 Color Conversion

Color Schemes with #80bb20

Alternatives to #80bb20

#80bb20 Preview

Shades and Tints of #80bb20

Tones of #80bb20

Color Blindness Simulator