#507C62

#507C62

Color Values

HEX

#507C62

RGB

80, 124, 98

HSL

144.5, 21.6%, 40.0%

HSV

144.5, 35.5%, 48.6%

CMYK

35.5%, 0.0%, 21.0%, 51.4%

OKLCH

0.5464 0.0637 157.6

Properties

Cool Dark Nearest: darkseagreen 4

Color Harmonies

Complementary

#507C62

#7C506A

Analogous

#547C50

#507C78

#507C62

Triadic

#507C62

#62507C

#7C6250

Split Complementary

#507C62

#78507C

#7C5054

Tetradic

#507C62

#50547C

#7C506A

#7C7850

Color Blindness Simulation

Original

#507C62

Protanopia

#636368

Deuteranopia

#605D6A

Tritanopia

#526D6E

Achromatopsia

#717171

CSS Usage

background-color: #507C62;
color: #507C62;
border-color: #507C62;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E3DA
300
#B5CFBF
400
#8CB59D
500
#649B7A
600
#507C62
700
#40634E
800
#324E3D
900
#273A2F
950
#19251E

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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