#554EB1

#554EB1

Color Values

HEX

#554EB1

RGB

85, 78, 177

HSL

244,2, 38,8%, 50,0%

HSV

244,2, 55,9%, 69,4%

CMYK

52,0%, 55,9%, 0,0%, 30,6%

OKLCH

0,4849 0,1523 282,3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#554EB1

#AAB14E

Analogous

#4E79B1

#864EB1

#554EB1

Triadic

#554EB1

#B1554E

#4EB155

Split Complementary

#554EB1

#B1864E

#79B14E

Tetradic

#554EB1

#B14E79

#AAB14E

#4EB186

Color Blindness Simulation

Original

#554EB1

Protanopia

#525299

Deuteranopia

#525393

Tritanopia

#558682

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#817CC5
500
#554EB1
600
#443E8E
700
#363271
800
#2A2758
900
#222041
950
#151429

Contrast Checker

Text on white

6,75:1

AA Pass AAA Fail

Text on black

3,11: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