colorhexa.com

#80c218 hex color

In a RGB color space, hex #80c218 is composed of 50.2% red, 76.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 0% magenta, 87.6% yellow and 23.9% black. It has a hue angle of 83.3 degrees, a saturation of 78% and a lightness of 42.7%. #80c218 color hex could be obtained by blending #ffff30 with #018500. Closest websafe color is: #99cc00.

- R 50
- G 76
- B 9
RGB color chart
- C 34
- M 0
- Y 88
- K 24
CMYK color chart

● #80c218 color description : Strong green.

The hexadecimal color #80c218 has RGB values of R:128, G:194, B:24 and CMYK values of C:0.34, M:0, Y:0.88, K:0.24. Its decimal value is 8438296.

Hex triplet	80c218	`#80c218`
RGB Decimal	128, 194, 24	`rgb(128,194,24)`
RGB Percent	50.2, 76.1, 9.4	`rgb(50.2%,76.1%,9.4%)`
CMYK	34, 0, 88, 24
HSL	83.3°, 78, 42.7	`hsl(83.3,78%,42.7%)`
HSV (or HSB)	83.3°, 87.6, 76.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	71.716, -43.981, 68.472
XYZ	28.358, 43.238, 7.716
xyY	0.358, 0.545, 43.238
CIE-LCH	71.716, 81.38, 122.714
CIE-LUV	71.716, -33.386, 81.596
Hunter-Lab	65.755, -38.091, 39.072
Binary	10000000, 11000010, 00011000

#80c218
```
#80c218 rgb(128,194,24)
```
#5a18c2
```
#5a18c2 rgb(90,24,194)
```

Complementary Color

#c2af18
```
#c2af18 rgb(194,175,24)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#2bc218
```
#2bc218 rgb(43,194,24)
```

Analogous Color

#af18c2
```
#af18c2 rgb(175,24,194)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#182bc2
```
#182bc2 rgb(24,43,194)
```

Split Complementary Color

#c21880
```
#c21880 rgb(194,24,128)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#1880c2
```
#1880c2 rgb(24,128,194)
```

Triadic Color

#c25a18
```
#c25a18 rgb(194,90,24)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#1880c2
```
#1880c2 rgb(24,128,194)
```
#5a18c2
```
#5a18c2 rgb(90,24,194)
```

Tetradic Color

#537e10
```
#537e10 rgb(83,126,16)
```
#629512
```
#629512 rgb(98,149,18)
```
#71ab15
```
#71ab15 rgb(113,171,21)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#8fd91b
```
#8fd91b rgb(143,217,27)
```
#9ce429
```
#9ce429 rgb(156,228,41)
```
#a6e73f
```
#a6e73f rgb(166,231,63)
```

Monochromatic Color

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

#abc218
```
#abc218 rgb(171,194,24)
```
#9cc218
```
#9cc218 rgb(156,194,24)
```
#8ec218
```
#8ec218 rgb(142,194,24)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#72c218
```
#72c218 rgb(114,194,24)
```
#64c218
```
#64c218 rgb(100,194,24)
```
#56c218
```
#56c218 rgb(86,194,24)
```

Similar Colors

Text with hexadecimal color #80c218

This text has a font color of #80c218.

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

#80c218 background color

This paragraph has a background color of #80c218.

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

#80c218 border color

This element has a border color of #80c218.

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

CSS codes

.text {color:#80c218;}

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

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

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 #f8fdf0 is the lightest one.

#010200
```
#010200 rgb(1,2,0)
```
#0d1302
```
#0d1302 rgb(13,19,2)
```
#182505
```
#182505 rgb(24,37,5)
```
#243607
```
#243607 rgb(36,54,7)
```
#2f4809
```
#2f4809 rgb(47,72,9)
```
#3b590b
```
#3b590b rgb(59,89,11)
```
#466b0d
```
#466b0d rgb(70,107,13)
```
#527c0f
```
#527c0f rgb(82,124,15)
```
#5d8e12
```
#5d8e12 rgb(93,142,18)
```
#699f14
```
#699f14 rgb(105,159,20)
```
#74b116
```
#74b116 rgb(116,177,22)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#8cd31a
```
#8cd31a rgb(140,211,26)
```

Shade Color Variation

#97e31e
```
#97e31e rgb(151,227,30)
```
#9fe530
```
#9fe530 rgb(159,229,48)
```
#a7e741
```
#a7e741 rgb(167,231,65)
```
#afea52
```
#afea52 rgb(175,234,82)
```
#b7ec64
```
#b7ec64 rgb(183,236,100)
```
#bfee75
```
#bfee75 rgb(191,238,117)
```
#c7f087
```
#c7f087 rgb(199,240,135)
```
#cff298
```
#cff298 rgb(207,242,152)
```
#d7f4aa
```
#d7f4aa rgb(215,244,170)
```
#e0f7bb
```
#e0f7bb rgb(224,247,187)
```
#e8f9cd
```
#e8f9cd rgb(232,249,205)
```
#f0fbde
```
#f0fbde rgb(240,251,222)
```
#f8fdf0
```
#f8fdf0 rgb(248,253,240)
```

Tint Color Variation

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

#6d6e6c
```
#6d6e6c rgb(109,110,108)
```
#6f7763
```
#6f7763 rgb(111,119,99)
```
#717f5b
```
#717f5b rgb(113,127,91)
```
#738753
```
#738753 rgb(115,135,83)
```
#75904a
```
#75904a rgb(117,144,74)
```
#779842
```
#779842 rgb(119,152,66)
```
#79a03a
```
#79a03a rgb(121,160,58)
```
#7aa931
```
#7aa931 rgb(122,169,49)
```
#7cb129
```
#7cb129 rgb(124,177,41)
```
#7eba20
```
#7eba20 rgb(126,186,32)
```
#80c218
```
#80c218 rgb(128,194,24)
```
#82ca10
```
#82ca10 rgb(130,202,16)
```
#84d307
```
#84d307 rgb(132,211,7)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#96a381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b41e Protanopia 1% of men
#dfab37 Deuteranopia 1% of men
#9cb8c5 Tritanopia 0.001% of the population

Trichromacy

#aeb91c Protanomaly 1% of men, 0.01% of women
#bcb32b Deuteranomaly 6% of men, 0.4% of women
#92bb86 Tritanomaly 0.01% of the population