#80bf30 hex color

In a RGB color space, hex #80bf30 is composed of 50.2% red, 74.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 33% cyan, 0% magenta, 74.9% yellow and 25.1% black. It has a hue angle of 86.4 degrees, a saturation of 59.8% and a lightness of 46.9%. #80bf30 color hex could be obtained by blending #ffff60 with #017f00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 50
- G 75
- B 19
RGB color chart
- C 33
- M 0
- Y 75
- K 25
CMYK color chart

● #80bf30 color description : Moderate green.

The hexadecimal color #80bf30 has RGB values of R:128, G:191, B:48 and CMYK values of C:0.33, M:0, Y:0.75, K:0.25. Its decimal value is 8437552.

Hex triplet	80bf30	`#80bf30`
RGB Decimal	128, 191, 48	`rgb(128,191,48)`
RGB Percent	50.2, 74.9, 18.8	`rgb(50.2%,74.9%,18.8%)`
CMYK	33, 0, 75, 25
HSL	86.4°, 59.8, 46.9	`hsl(86.4,59.8%,46.9%)`
HSV (or HSB)	86.4°, 74.9, 74.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.914, -41.679, 61.345
XYZ	28.066, 42.063, 9.436
xyY	0.353, 0.529, 42.063
CIE-LCH	70.914, 74.164, 124.193
CIE-LUV	70.914, -31.811, 76.011
Hunter-Lab	64.856, -36.255, 36.773
Binary	10000000, 10111111, 00110000

#80bf30
```
#80bf30 rgb(128,191,48)
```
#6f30bf
```
#6f30bf rgb(111,48,191)
```

Complementary Color

#bfb730
```
#bfb730 rgb(191,183,48)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#38bf30
```
#38bf30 rgb(56,191,48)
```

Analogous Color

#b730bf
```
#b730bf rgb(183,48,191)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#3039bf
```
#3039bf rgb(48,57,191)
```

Split Complementary Color

#bf3080
```
#bf3080 rgb(191,48,128)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#3080bf
```
#3080bf rgb(48,128,191)
```

Triadic Color

#bf6f30
```
#bf6f30 rgb(191,111,48)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#3080bf
```
#3080bf rgb(48,128,191)
```
#6f30bf
```
#6f30bf rgb(111,48,191)
```

Tetradic Color

#578221
```
#578221 rgb(87,130,33)
```
#659626
```
#659626 rgb(101,150,38)
```
#72ab2b
```
#72ab2b rgb(114,171,43)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#8dce3b
```
#8dce3b rgb(141,206,59)
```
#99d34f
```
#99d34f rgb(153,211,79)
```
#a5d864
```
#a5d864 rgb(165,216,100)
```

Monochromatic Color

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

#a4bf30
```
#a4bf30 rgb(164,191,48)
```
#98bf30
```
#98bf30 rgb(152,191,48)
```
#8cbf30
```
#8cbf30 rgb(140,191,48)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#74bf30
```
#74bf30 rgb(116,191,48)
```
#68bf30
```
#68bf30 rgb(104,191,48)
```
#5cbf30
```
#5cbf30 rgb(92,191,48)
```

Similar Colors

Text with hexadecimal color #80bf30

This text has a font color of #80bf30.

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

#80bf30 background color

This paragraph has a background color of #80bf30.

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

#80bf30 border color

This element has a border color of #80bf30.

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

CSS codes

.text {color:#80bf30;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0c1305
```
#0c1305 rgb(12,19,5)
```
#172209
```
#172209 rgb(23,34,9)
```
#21320d
```
#21320d rgb(33,50,13)
```
#2c4210
```
#2c4210 rgb(44,66,16)
```
#365114
```
#365114 rgb(54,81,20)
```
#416118
```
#416118 rgb(65,97,24)
```
#4b711c
```
#4b711c rgb(75,113,28)
```
#568020
```
#568020 rgb(86,128,32)
```
#609024
```
#609024 rgb(96,144,36)
```
#6ba028
```
#6ba028 rgb(107,160,40)
```
#75af2c
```
#75af2c rgb(117,175,44)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```

Shade Color Variation

#8acd36
```
#8acd36 rgb(138,205,54)
```
#93d046
```
#93d046 rgb(147,208,70)
```
#9cd455
```
#9cd455 rgb(156,212,85)
```
#a6d865
```
#a6d865 rgb(166,216,101)
```
#afdc75
```
#afdc75 rgb(175,220,117)
```
#b8e084
```
#b8e084 rgb(184,224,132)
```
#c1e494
```
#c1e494 rgb(193,228,148)
```
#cae8a4
```
#cae8a4 rgb(202,232,164)
```
#d3ecb4
```
#d3ecb4 rgb(211,236,180)
```
#dcf0c3
```
#dcf0c3 rgb(220,240,195)
```
#e5f4d3
```
#e5f4d3 rgb(229,244,211)
```
#eef8e3
```
#eef8e3 rgb(238,248,227)
```
#f8fcf2
```
#f8fcf2 rgb(248,252,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787f70 is the less saturated color, while #85ed02 is the most saturated one.

#787f70
```
#787f70 rgb(120,127,112)
```
#798867
```
#798867 rgb(121,136,103)
```
#7b915e
```
#7b915e rgb(123,145,94)
```
#7c9a55
```
#7c9a55 rgb(124,154,85)
```
#7da34c
```
#7da34c rgb(125,163,76)
```
#7ead42
```
#7ead42 rgb(126,173,66)
```
#7fb639
```
#7fb639 rgb(127,182,57)
```
#80bf30
```
#80bf30 rgb(128,191,48)
```
#81c827
```
#81c827 rgb(129,200,39)
```
#82d11e
```
#82d11e rgb(130,209,30)
```
#83db14
```
#83db14 rgb(131,219,20)
```
#84e40b
```
#84e40b rgb(132,228,11)
```
#85ed02
```
#85ed02 rgb(133,237,2)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#96a386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b236 Protanopia 1% of men
#dba946 Deuteranopia 1% of men
#9bb5c3 Tritanopia 0.001% of the population

Trichromacy

#acb634 Protanomaly 1% of men, 0.01% of women
#bab13e Deuteranomaly 6% of men, 0.4% of women
#91b98d Tritanomaly 0.01% of the population

#80bf30 hex color

#80bf30 Color Information

#80bf30 Color Conversion

Color Schemes with #80bf30

Alternatives to #80bf30

#80bf30 Preview

Shades and Tints of #80bf30

Tones of #80bf30

Color Blindness Simulator