#508D78

#508D78

Color Values

HEX

#508D78

RGB

80, 141, 120

HSL

159.3, 27.6%, 43.3%

HSV

159.3, 43.3%, 55.3%

CMYK

43.3%, 0.0%, 14.9%, 44.7%

OKLCH

0.5956 0.0719 169.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#508D78

#8D5065

Analogous

#508D59

#50838D

#508D78

Triadic

#508D78

#78508D

#8D7850

Split Complementary

#508D78

#8D5083

#8D5950

Tetradic

#508D78

#59508D

#8D5065

#838D50

Color Blindness Simulation

Original

#508D78

Protanopia

#6A6B7D

Deuteranopia

#67627E

Tritanopia

#538182

Achromatopsia

#7F7F7F

CSS Usage

background-color: #508D78;
color: #508D78;
border-color: #508D78;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#E9F1EE
200
#D1E5DE
300
#B1D3C7
400
#87BBA9
500
#5CA38A
600
#4A826F
700
#3B6859
800
#2E5145
900
#243C34
950
#172621

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

5.42:1

AA Pass AAA Fail

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