#507C7C

#507C7C

Color Values

HEX

#507C7C

RGB

80, 124, 124

HSL

180.0, 21.6%, 40.0%

HSV

180.0, 35.5%, 48.6%

CMYK

35.5%, 0.0%, 0.0%, 51.4%

OKLCH

0.5545 0.0485 195.8

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#507C7C

#7C5050

Analogous

#507C66

#50667C

#507C7C

Triadic

#507C7C

#7C507C

#7C7C50

Split Complementary

#507C7C

#7C5066

#7C6650

Tetradic

#507C7C

#66507C

#7C5050

#667C50

Color Blindness Simulation

Original

#507C7C

Protanopia

#63637C

Deuteranopia

#605D7C

Tritanopia

#527C7C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E3E3
300
#B5CFCF
400
#8CB5B5
500
#649B9B
600
#507C7C
700
#406363
800
#324E4E
900
#273A3A
950
#192525

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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