#80D437

#80D437

Color Values

HEX

#80D437

RGB

128, 212, 55

HSL

92.1, 64.6%, 52.4%

HSV

92.1, 74.1%, 83.1%

CMYK

39.6%, 0.0%, 74.1%, 16.9%

OKLCH

0.7871 0.2024 133.9

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#80D437

#8B37D4

Analogous

#CFD437

#37D43D

#80D437

Triadic

#80D437

#3780D4

#D43780

Split Complementary

#80D437

#3D37D4

#D437CF

Tetradic

#80D437

#37CFD4

#8B37D4

#D43D37

Color Blindness Simulation

Original

#80D437

Protanopia

#A4A55D

Deuteranopia

#A09966

Tritanopia

#847B82

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#DAF2C4
300
#BFE99A
400
#9CDE64
500
#7AD22D
600
#61A824
700
#4E861D
800
#3D6917
900
#2E4D14
950
#1D300D

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39: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