#80bb2f hex color

In a RGB color space, hex #80bb2f is composed of 50.2% red, 73.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 0% magenta, 74.9% yellow and 26.7% black. It has a hue angle of 85.3 degrees, a saturation of 59.8% and a lightness of 45.9%. #80bb2f color hex could be obtained by blending #ffff5e with #017700. Closest websafe color is: #99cc33.

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

● #80bb2f color description : Moderate green.

The hexadecimal color #80bb2f has RGB values of R:128, G:187, B:47 and CMYK values of C:0.32, M:0, Y:0.75, K:0.27. Its decimal value is 8436527.

Hex triplet	80bb2f	`#80bb2f`
RGB Decimal	128, 187, 47	`rgb(128,187,47)`
RGB Percent	50.2, 73.3, 18.4	`rgb(50.2%,73.3%,18.4%)`
CMYK	32, 0, 75, 27
HSL	85.3°, 59.8, 45.9	`hsl(85.3,59.8%,45.9%)`
HSV (or HSB)	85.3°, 74.9, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.707, -39.994, 60.513
XYZ	27.185, 40.334, 9.042
xyY	0.355, 0.527, 40.334
CIE-LCH	69.707, 72.535, 123.461
CIE-LUV	69.707, -29.826, 74.524
Hunter-Lab	63.509, -34.735, 36.015
Binary	10000000, 10111011, 00101111

#80bb2f
```
#80bb2f rgb(128,187,47)
```
#6a2fbb
```
#6a2fbb rgb(106,47,187)
```

Complementary Color

#bbb02f
```
#bbb02f rgb(187,176,47)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#3abb2f
```
#3abb2f rgb(58,187,47)
```

Analogous Color

#b02fbb
```
#b02fbb rgb(176,47,187)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#2f3abb
```
#2f3abb rgb(47,58,187)
```

Split Complementary Color

#bb2f80
```
#bb2f80 rgb(187,47,128)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#2f80bb
```
#2f80bb rgb(47,128,187)
```

Triadic Color

#bb6a2f
```
#bb6a2f rgb(187,106,47)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#2f80bb
```
#2f80bb rgb(47,128,187)
```
#6a2fbb
```
#6a2fbb rgb(106,47,187)
```

Tetradic Color

#567e20
```
#567e20 rgb(86,126,32)
```
#649225
```
#649225 rgb(100,146,37)
```
#72a72a
```
#72a72a rgb(114,167,42)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#8ecd37
```
#8ecd37 rgb(142,205,55)
```
#99d24b
```
#99d24b rgb(153,210,75)
```
#a5d760
```
#a5d760 rgb(165,215,96)
```

Monochromatic Color

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

#a3bb2f
```
#a3bb2f rgb(163,187,47)
```
#97bb2f
```
#97bb2f rgb(151,187,47)
```
#8cbb2f
```
#8cbb2f rgb(140,187,47)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#74bb2f
```
#74bb2f rgb(116,187,47)
```
#69bb2f
```
#69bb2f rgb(105,187,47)
```
#5dbb2f
```
#5dbb2f rgb(93,187,47)
```

Similar Colors

Text with hexadecimal color #80bb2f

This text has a font color of #80bb2f.

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

#80bb2f background color

This paragraph has a background color of #80bb2f.

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

#80bb2f border color

This element has a border color of #80bb2f.

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

CSS codes

.text {color:#80bb2f;}

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

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

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, #0a0f04 is the darkest color, while #fefffe is the lightest one.

#0a0f04
```
#0a0f04 rgb(10,15,4)
```
#151e08
```
#151e08 rgb(21,30,8)
```
#1f2e0c
```
#1f2e0c rgb(31,46,12)
```
#2a3e0f
```
#2a3e0f rgb(42,62,15)
```
#354d13
```
#354d13 rgb(53,77,19)
```
#405d17
```
#405d17 rgb(64,93,23)
```
#4a6d1b
```
#4a6d1b rgb(74,109,27)
```
#557c1f
```
#557c1f rgb(85,124,31)
```
#608c23
```
#608c23 rgb(96,140,35)
```
#6b9c27
```
#6b9c27 rgb(107,156,39)
```
#75ab2b
```
#75ab2b rgb(117,171,43)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#8bcb33
```
#8bcb33 rgb(139,203,51)
```

Shade Color Variation

#94cf42
```
#94cf42 rgb(148,207,66)
```
#9dd351
```
#9dd351 rgb(157,211,81)
```
#a6d761
```
#a6d761 rgb(166,215,97)
```
#aedb71
```
#aedb71 rgb(174,219,113)
```
#b7df80
```
#b7df80 rgb(183,223,128)
```
#c0e390
```
#c0e390 rgb(192,227,144)
```
#c9e7a0
```
#c9e7a0 rgb(201,231,160)
```
#d2ebb0
```
#d2ebb0 rgb(210,235,176)
```
#dbefbf
```
#dbefbf rgb(219,239,191)
```
#e4f3cf
```
#e4f3cf rgb(228,243,207)
```
#edf7df
```
#edf7df rgb(237,247,223)
```
#f5fbee
```
#f5fbee rgb(245,251,238)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#767c6e
```
#767c6e rgb(118,124,110)
```
#788565
```
#788565 rgb(120,133,101)
```
#798e5c
```
#798e5c rgb(121,142,92)
```
#7a9753
```
#7a9753 rgb(122,151,83)
```
#7ca04a
```
#7ca04a rgb(124,160,74)
```
#7da941
```
#7da941 rgb(125,169,65)
```
#7fb238
```
#7fb238 rgb(127,178,56)
```
#80bb2f
```
#80bb2f rgb(128,187,47)
```
#81c426
```
#81c426 rgb(129,196,38)
```
#83cd1d
```
#83cd1d rgb(131,205,29)
```
#84d614
```
#84d614 rgb(132,214,20)
```
#86df0b
```
#86df0b rgb(134,223,11)
```
#87e802
```
#87e802 rgb(135,232,2)
```

Tone Color Variation

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

#c3af35 Protanopia 1% of men
#d7a645 Deuteranopia 1% of men
#9ab2bf Tritanopia 0.001% of the population

Trichromacy

#aab333 Protanomaly 1% of men, 0.01% of women
#b7ae3d Deuteranomaly 6% of men, 0.4% of women
#90b58a Tritanomaly 0.01% of the population

#80bb2f hex color

#80bb2f Color Information

#80bb2f Color Conversion

Color Schemes with #80bb2f

Alternatives to #80bb2f

#80bb2f Preview

Shades and Tints of #80bb2f

Tones of #80bb2f

Color Blindness Simulator