#507C78

#507C78

Color Values

HEX

#507C78

RGB

80, 124, 120

HSL

174.5, 21.6%, 40.0%

HSV

174.5, 35.5%, 48.6%

CMYK

35.5%, 0.0%, 3.2%, 51.4%

OKLCH

0.5531 0.049 188.6

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#507C78

#7C5054

Analogous

#507C62

#506A7C

#507C78

Triadic

#507C78

#78507C

#7C7850

Split Complementary

#507C78

#7C506A

#7C6250

Tetradic

#507C78

#62507C

#7C5054

#6A7C50

Color Blindness Simulation

Original

#507C78

Protanopia

#636379

Deuteranopia

#605D79

Tritanopia

#527A7A

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D4E3E2
300
#B5CFCD
400
#8CB5B1
500
#649B96
600
#507C78
700
#406360
800
#324E4B
900
#273A38
950
#192523

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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