#80F54D

#80F54D

Color Values

HEX

#80F54D

RGB

128, 245, 77

HSL

101.8, 89.4%, 63.1%

HSV

101.8, 68.6%, 96.1%

CMYK

47.8%, 0.0%, 68.6%, 3.9%

OKLCH

0.8692 0.2287 137.8

Properties

Cool Light Nearest: chartreuse 2

Color Harmonies

Complementary

#80F54D

#C24DF5

Analogous

#D4F54D

#4DF56E

#80F54D

Triadic

#80F54D

#4D80F5

#F54D80

Split Complementary

#80F54D

#6E4DF5

#F54DD4

Tetradic

#80F54D

#4DD4F5

#C24DF5

#F56E4D

Color Blindness Simulation

Original

#80F54D

Protanopia

#B3B476

Deuteranopia

#ACA37F

Tritanopia

#86969D

Achromatopsia

#D0D0D0

CSS Usage

background-color: #80F54D;
color: #80F54D;
border-color: #80F54D;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F5FDF2
100
#E8FBE0
200
#CFFBBB
300
#ACF98B
400
#7FF54C
500
#53F10E
600
#42C10B
700
#359B09
800
#297907
900
#215709
950
#153706

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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