#80B592

#80B592

Color Values

HEX

#80B592

RGB

128, 181, 146

HSL

140.4, 26.4%, 60.6%

HSV

140.4, 29.3%, 71.0%

CMYK

29.3%, 0.0%, 19.3%, 29.0%

OKLCH

0.7261 0.0755 155.2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#80B592

#B580A3

Analogous

#88B580

#80B5AD

#80B592

Triadic

#80B592

#9280B5

#B59280

Split Complementary

#80B592

#AD80B5

#B58088

Tetradic

#80B592

#8088B5

#B580A3

#B5AD80

Color Blindness Simulation

Original

#80B592

Protanopia

#97979A

Deuteranopia

#94909C

Tritanopia

#83A1A3

Achromatopsia

#A7A7A7

CSS Usage

background-color: #80B592;
color: #80B592;
border-color: #80B592;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F7
100
#E9F1EC
200
#D2E5D8
300
#B2D2BD
400
#88BA99
500
#5EA175
600
#4B815D
700
#3C674B
800
#2F513A
900
#253C2D
950
#17261C

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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