#80C086

#80C086

Color Values

HEX

#80C086

RGB

128, 192, 134

HSL

125.6, 33.7%, 62.7%

HSV

125.6, 33.3%, 75.3%

CMYK

33.3%, 0.0%, 30.2%, 24.7%

OKLCH

0.7493 0.1055 146.7

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#80C086

#C080BA

Analogous

#9AC080

#80C0A6

#80C086

Triadic

#80C086

#8680C0

#C08680

Split Complementary

#80C086

#A680C0

#C0809A

Tetradic

#80C086

#809AC0

#C080BA

#C0A680

Color Blindness Simulation

Original

#80C086

Protanopia

#9C9C94

Deuteranopia

#989397

Tritanopia

#839FA2

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE7D2
300
#ADD6B1
400
#81C087
500
#55AA5D
600
#44884A
700
#366D3B
800
#2A552E
900
#223F24
950
#152817

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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