#554361

#554361

Color Values

HEX

#554361

RGB

85, 67, 97

HSL

276.0, 18.3%, 32.2%

HSV

276.0, 30.9%, 38.0%

CMYK

12.4%, 30.9%, 0.0%, 62.0%

OKLCH

0.4139 0.0538 311.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#554361

#4F6143

Analogous

#464361

#61435E

#554361

Triadic

#554361

#615543

#436155

Split Complementary

#554361

#5E6143

#436146

Tetradic

#554361

#614643

#4F6143

#435E61

Color Blindness Simulation

Original

#554361

Protanopia

#4D4D5A

Deuteranopia

#4E5058

Tritanopia

#545453

Achromatopsia

#494949

CSS Usage

background-color: #554361;
color: #554361;
border-color: #554361;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD5E2
300
#C4B7CD
400
#A48FB2
500
#846897
600
#6A5379
700
#554361
800
#42344B
900
#322838
950
#201A24

Contrast Checker

Text on white

8.89:1

AA Pass AAA Pass

Text on black

2.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026