#507374

#507374

Color Values

HEX

#507374

RGB

80, 115, 116

HSL

181.7, 18.4%, 38.4%

HSV

181.7, 31.0%, 45.5%

CMYK

31.0%, 0.9%, 0.0%, 54.5%

OKLCH

0.5294 0.0399 198.3

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#507374

#745150

Analogous

#507463

#506174

#507374

Triadic

#507374

#745073

#737450

Split Complementary

#507374

#745061

#746350

Tetradic

#507374

#635074

#745150

#617450

Color Blindness Simulation

Original

#507374

Protanopia

#5F5F74

Deuteranopia

#5D5A74

Tritanopia

#527474

Achromatopsia

#6C6C6C

CSS Usage

background-color: #507374;
color: #507374;
border-color: #507374;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D5E1E2
300
#B7CCCD
400
#8FB1B2
500
#689697
600
#537879
700
#436061
800
#344B4B
900
#283838
950
#1A2324

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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