#80B248

#80B248

Color Values

HEX

#80B248

RGB

128, 178, 72

HSL

88.3, 42.4%, 49.0%

HSV

88.3, 59.6%, 69.8%

CMYK

28.1%, 0.0%, 59.6%, 30.2%

OKLCH

0.7056 0.1469 130.6

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#80B248

#7A48B2

Analogous

#B2AF48

#4BB248

#80B248

Triadic

#80B248

#4880B2

#B24880

Split Complementary

#80B248

#484BB2

#AF48B2

Tetradic

#80B248

#48B2AF

#7A48B2

#B2484B

Color Blindness Simulation

Original

#80B248

Protanopia

#969662

Deuteranopia

#938F68

Tritanopia

#82767A

Achromatopsia

#A0A0A0

CSS Usage

background-color: #80B248;
color: #80B248;
border-color: #80B248;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DCEACC
300
#C3DCA8
400
#A3C979
500
#83B649
600
#68913B
700
#54742F
800
#415B25
900
#31431E
950
#1F2A13

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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