#554E96

#554E96

Color Values

HEX

#554E96

RGB

85, 78, 150

HSL

245.8, 31.6%, 44.7%

HSV

245.8, 48.0%, 58.8%

CMYK

43.3%, 48.0%, 0.0%, 41.2%

OKLCH

0.4663 0.1138 285.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554E96

#8F964E

Analogous

#4E6B96

#794E96

#554E96

Triadic

#554E96

#96554E

#4E9655

Split Complementary

#554E96

#96794E

#6B964E

Tetradic

#554E96

#964E6B

#8F964E

#4E9679

Color Blindness Simulation

Original

#554E96

Protanopia

#525285

Deuteranopia

#525380

Tritanopia

#557774

Achromatopsia

#555555

CSS Usage

background-color: #554E96;
color: #554E96;
border-color: #554E96;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E8F2
200
#D2D0E7
300
#B2AED5
400
#8983BE
500
#5F57A8
600
#4C4686
700
#3D386B
800
#2F2C54
900
#25233E
950
#181627

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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