#507C60

#507C60

Color Values

HEX

#507C60

RGB

80, 124, 96

HSL

141.8, 21.6%, 40.0%

HSV

141.8, 35.5%, 48.6%

CMYK

35.5%, 0.0%, 22.6%, 51.4%

OKLCH

0.5458 0.0656 155.6

Properties

Cool Dark Nearest: darkseagreen 4

Color Harmonies

Complementary

#507C60

#7C506C

Analogous

#567C50

#507C76

#507C60

Triadic

#507C60

#60507C

#7C6050

Split Complementary

#507C60

#76507C

#7C5056

Tetradic

#507C60

#50567C

#7C506C

#7C7650

Color Blindness Simulation

Original

#507C60

Protanopia

#636367

Deuteranopia

#605D68

Tritanopia

#526C6D

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E3D9
300
#B5CFBE
400
#8CB59B
500
#649B78
600
#507C60
700
#40634D
800
#324E3C
900
#273A2E
950
#19251D

Contrast Checker

Text on white

4.78:1

AA Pass AAA Fail

Text on black

4.39:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026