#554AAB

#554AAB

Color Values

HEX

#554AAB

RGB

85, 74, 171

HSL

246.8, 39.6%, 48.0%

HSV

246.8, 56.7%, 67.1%

CMYK

50.3%, 56.7%, 0.0%, 32.9%

OKLCH

0.4732 0.1496 284.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#554AAB

#A0AB4A

Analogous

#4A6FAB

#854AAB

#554AAB

Triadic

#554AAB

#AB554A

#4AAB55

Split Complementary

#554AAB

#AB854A

#6FAB4A

Tetradic

#554AAB

#AB4A6F

#A0AB4A

#4AAB85

Color Blindness Simulation

Original

#554AAB

Protanopia

#505094

Deuteranopia

#51528E

Tritanopia

#54817D

Achromatopsia

#535353

CSS Usage

background-color: #554AAB;
color: #554AAB;
border-color: #554AAB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D0CDE9
300
#AFAADA
400
#847BC6
500
#584DB2
600
#473E8E
700
#393172
800
#2C2759
900
#231F42
950
#16142A

Contrast Checker

Text on white

7.11:1

AA Pass AAA Pass

Text on black

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