#507159

#507159

Color Values

HEX

#507159

RGB

80, 113, 89

HSL

136.4, 17.1%, 37.8%

HSV

136.4, 29.2%, 44.3%

CMYK

29.2%, 0.0%, 21.2%, 55.7%

OKLCH

0.5159 0.0537 152.7

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#507159

#715068

Analogous

#577150

#507169

#507159

Triadic

#507159

#595071

#715950

Split Complementary

#507159

#695071

#715057

Tetradic

#507159

#505771

#715068

#716950

Color Blindness Simulation

Original

#507159

Protanopia

#5E5F5F

Deuteranopia

#5C5A60

Tritanopia

#526364

Achromatopsia

#686868

CSS Usage

background-color: #507159;
color: #507159;
border-color: #507159;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1D9
300
#B7CCBD
400
#91B199
500
#6A9576
600
#55775E
700
#44604B
800
#354B3B
900
#29382D
950
#1A231C

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026