#554A69

#554A69

Color Values

HEX

#554A69

RGB

85, 74, 105

HSL

261.3, 17.3%, 35.1%

HSV

261.3, 29.5%, 41.2%

CMYK

19.0%, 29.5%, 0.0%, 58.8%

OKLCH

0.4327 0.052 300.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#554A69

#5E694A

Analogous

#4A4F69

#644A69

#554A69

Triadic

#554A69

#69554A

#4A6955

Split Complementary

#554A69

#69644A

#4F694A

Tetradic

#554A69

#694A4F

#5E694A

#4A6964

Color Blindness Simulation

Original

#554A69

Protanopia

#505062

Deuteranopia

#515260

Tritanopia

#545C5A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #554A69;
color: #554A69;
border-color: #554A69;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#DAD5E1
300
#BFB7CC
400
#9C90B1
500
#796996
600
#615478
700
#4E4360
800
#3D354B
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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