#80D385

#80D385

Color Values

HEX

#80D385

RGB

128, 211, 133

HSL

123.6, 48.5%, 66.5%

HSV

123.6, 39.3%, 82.7%

CMYK

39.3%, 0.0%, 37.0%, 17.3%

OKLCH

0.7943 0.1358 145.5

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#80D385

#D380CE

Analogous

#A5D380

#80D3AF

#80D385

Triadic

#80D385

#8580D3

#D38580

Split Complementary

#80D385

#AF80D3

#D380A5

Tetradic

#80D385

#80A5D3

#D380CE

#D3AF80

Color Blindness Simulation

Original

#80D385

Protanopia

#A4A598

Deuteranopia

#9F999C

Tritanopia

#84A7AA

Achromatopsia

#BCBCBC

CSS Usage

background-color: #80D385;
color: #80D385;
border-color: #80D385;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF5
100
#E6F5E7
200
#CAEDCC
300
#A4DFA8
400
#73CE78
500
#42BD49
600
#35973A
700
#2A792F
800
#215F25
900
#1B461E
950
#112C13

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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