#80C804

#80C804

Color Values

HEX

#80C804

RGB

128, 200, 4

HSL

82.0, 96.1%, 40.0%

HSV

82.0, 98.0%, 78.4%

CMYK

36.0%, 0.0%, 98.0%, 21.6%

OKLCH

0.7558 0.2052 130.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#80C804

#4C04C8

Analogous

#C8AE04

#1EC804

#80C804

Triadic

#80C804

#0480C8

#C80480

Split Complementary

#80C804

#041EC8

#AE04C8

Tetradic

#80C804

#04C8AE

#4C04C8

#C8041E

Color Blindness Simulation

Original

#80C804

Protanopia

#9FA033

Deuteranopia

#9B963F

Tritanopia

#845961

Achromatopsia

#ABABAB

CSS Usage

background-color: #80C804;
color: #80C804;
border-color: #80C804;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F9FEF1
100
#F1FCDF
200
#E4FEB9
300
#D1FD87
400
#B9FB46
500
#A0FA05
600
#80C804
700
#67A003
800
#507D02
900
#3C5A07
950
#263904

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.18:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026