#80bb31 hex color

In a RGB color space, hex #80bb31 is composed of 50.2% red, 73.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 0% magenta, 73.8% yellow and 26.7% black. It has a hue angle of 85.7 degrees, a saturation of 58.5% and a lightness of 46.3%. #80bb31 color hex could be obtained by blending #ffff62 with #017700. Closest websafe color is: #99cc33.

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

● #80bb31 color description : Moderate green.

The hexadecimal color #80bb31 has RGB values of R:128, G:187, B:49 and CMYK values of C:0.32, M:0, Y:0.74, K:0.27. Its decimal value is 8436529.

Hex triplet	80bb31	`#80bb31`
RGB Decimal	128, 187, 49	`rgb(128,187,49)`
RGB Percent	50.2, 73.3, 19.2	`rgb(50.2%,73.3%,19.2%)`
CMYK	32, 0, 74, 27
HSL	85.7°, 58.5, 46.3	`hsl(85.7,58.5%,46.3%)`
HSV (or HSB)	85.7°, 73.8, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.719, -39.878, 59.84
XYZ	27.226, 40.351, 9.26
xyY	0.354, 0.525, 40.351
CIE-LCH	69.719, 71.91, 123.68
CIE-LUV	69.719, -29.818, 74.029
Hunter-Lab	63.522, -34.657, 35.823
Binary	10000000, 10111011, 00110001

#80bb31
```
#80bb31 rgb(128,187,49)
```
#6c31bb
```
#6c31bb rgb(108,49,187)
```

Complementary Color

#bbb131
```
#bbb131 rgb(187,177,49)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#3bbb31
```
#3bbb31 rgb(59,187,49)
```

Analogous Color

#b131bb
```
#b131bb rgb(177,49,187)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#313bbb
```
#313bbb rgb(49,59,187)
```

Split Complementary Color

#bb3180
```
#bb3180 rgb(187,49,128)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#3180bb
```
#3180bb rgb(49,128,187)
```

Triadic Color

#bb6c31
```
#bb6c31 rgb(187,108,49)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#3180bb
```
#3180bb rgb(49,128,187)
```
#6c31bb
```
#6c31bb rgb(108,49,187)
```

Tetradic Color

#577e21
```
#577e21 rgb(87,126,33)
```
#649326
```
#649326 rgb(100,147,38)
```
#72a72c
```
#72a72c rgb(114,167,44)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#8dcb3a
```
#8dcb3a rgb(141,203,58)
```
#99d14e
```
#99d14e rgb(153,209,78)
```
#a5d663
```
#a5d663 rgb(165,214,99)
```

Monochromatic Color

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

#a3bb31
```
#a3bb31 rgb(163,187,49)
```
#97bb31
```
#97bb31 rgb(151,187,49)
```
#8cbb31
```
#8cbb31 rgb(140,187,49)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#75bb31
```
#75bb31 rgb(117,187,49)
```
#69bb31
```
#69bb31 rgb(105,187,49)
```
#5ebb31
```
#5ebb31 rgb(94,187,49)
```

Similar Colors

Text with hexadecimal color #80bb31

This text has a font color of #80bb31.

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

#80bb31 background color

This paragraph has a background color of #80bb31.

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

#80bb31 border color

This element has a border color of #80bb31.

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

CSS codes

.text {color:#80bb31;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b1004
```
#0b1004 rgb(11,16,4)
```
#162008
```
#162008 rgb(22,32,8)
```
#202f0c
```
#202f0c rgb(32,47,12)
```
#2b3f10
```
#2b3f10 rgb(43,63,16)
```
#364e14
```
#364e14 rgb(54,78,20)
```
#405e19
```
#405e19 rgb(64,94,25)
```
#4b6d1d
```
#4b6d1d rgb(75,109,29)
```
#557d21
```
#557d21 rgb(85,125,33)
```
#608c25
```
#608c25 rgb(96,140,37)
```
#6b9c29
```
#6b9c29 rgb(107,156,41)
```
#75ab2d
```
#75ab2d rgb(117,171,45)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```

Shade Color Variation

#8bca35
```
#8bca35 rgb(139,202,53)
```
#94ce45
```
#94ce45 rgb(148,206,69)
```
#9dd255
```
#9dd255 rgb(157,210,85)
```
#a6d664
```
#a6d664 rgb(166,214,100)
```
#aeda74
```
#aeda74 rgb(174,218,116)
```
#b7df83
```
#b7df83 rgb(183,223,131)
```
#c0e393
```
#c0e393 rgb(192,227,147)
```
#c9e7a2
```
#c9e7a2 rgb(201,231,162)
```
#d2ebb2
```
#d2ebb2 rgb(210,235,178)
```
#dbefc1
```
#dbefc1 rgb(219,239,193)
```
#e4f3d1
```
#e4f3d1 rgb(228,243,209)
```
#edf7e0
```
#edf7e0 rgb(237,247,224)
```
#f6fbf0
```
#f6fbf0 rgb(246,251,240)
```

Tint Color Variation

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

#777b71
```
#777b71 rgb(119,123,113)
```
#788567
```
#788567 rgb(120,133,103)
```
#798e5e
```
#798e5e rgb(121,142,94)
```
#7b9755
```
#7b9755 rgb(123,151,85)
```
#7ca04c
```
#7ca04c rgb(124,160,76)
```
#7da943
```
#7da943 rgb(125,169,67)
```
#7fb23a
```
#7fb23a rgb(127,178,58)
```
#80bb31
```
#80bb31 rgb(128,187,49)
```
#81c428
```
#81c428 rgb(129,196,40)
```
#83cd1f
```
#83cd1f rgb(131,205,31)
```
#84d616
```
#84d616 rgb(132,214,22)
```
#85df0d
```
#85df0d rgb(133,223,13)
```
#87e804
```
#87e804 rgb(135,232,4)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#95a185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af37 Protanopia 1% of men
#d7a647 Deuteranopia 1% of men
#9ab2bf Tritanopia 0.001% of the population

Trichromacy

#aab335 Protanomaly 1% of men, 0.01% of women
#b7ae3f Deuteranomaly 6% of men, 0.4% of women
#90b58b Tritanomaly 0.01% of the population

#80bb31 hex color

#80bb31 Color Information

#80bb31 Color Conversion

Color Schemes with #80bb31

Alternatives to #80bb31

#80bb31 Preview

Shades and Tints of #80bb31

Tones of #80bb31

Color Blindness Simulator