#508559

#508559

Color Values

HEX

#508559

RGB

80, 133, 89

HSL

130.2, 24.9%, 41.8%

HSV

130.2, 39.8%, 52.2%

CMYK

39.8%, 0.0%, 33.1%, 47.8%

OKLCH

0.5672 0.0883 148.5

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#508559

#85507C

Analogous

#628550

#508574

#508559

Triadic

#508559

#595085

#855950

Split Complementary

#508559

#745085

#855062

Tetradic

#508559

#506285

#85507C

#857450

Color Blindness Simulation

Original

#508559

Protanopia

#676764

Deuteranopia

#646066

Tritanopia

#536C6E

Achromatopsia

#777777

CSS Usage

background-color: #508559;
color: #508559;
border-color: #508559;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F6F9F6
100
#E9F1EB
200
#D2E4D5
300
#B3D1B8
400
#89B891
500
#609F6B
600
#4D7F55
700
#3D6644
800
#305035
900
#263B29
950
#18251A

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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