#80D22B

#80D22B

Color Values

HEX

#80D22B

RGB

128, 210, 43

HSL

89.5, 66.0%, 49.6%

HSV

89.5, 79.5%, 82.4%

CMYK

39.0%, 0.0%, 79.5%, 17.6%

OKLCH

0.7815 0.206 133.1

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#80D22B

#7D2BD2

Analogous

#D2D12B

#2CD22B

#80D22B

Triadic

#80D22B

#2B80D2

#D22B80

Split Complementary

#80D22B

#2B2CD2

#D12BD2

Tetradic

#80D22B

#2BD2D1

#7D2BD2

#D22B2C

Color Blindness Simulation

Original

#80D22B

Protanopia

#A4A453

Deuteranopia

#9F995D

Tritanopia

#84737A

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DCF3C4
300
#C2EA99
400
#A2DF62
500
#81D42B
600
#67A923
700
#52871C
800
#406A16
900
#314D14
950
#1F310C

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026