#554DC0

#554DC0

Color Values

HEX

#554DC0

RGB

85, 77, 192

HSL

244.2, 47.7%, 52.7%

HSV

244.2, 59.9%, 75.3%

CMYK

55.7%, 59.9%, 0.0%, 24.7%

OKLCH

0.4944 0.174 281.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#554DC0

#B8C04D

Analogous

#4D7EC0

#8E4DC0

#554DC0

Triadic

#554DC0

#C0554D

#4DC055

Split Complementary

#554DC0

#C08E4D

#7EC04D

Tetradic

#554DC0

#C04D7E

#B8C04D

#4DC08E

Color Blindness Simulation

Original

#554DC0

Protanopia

#5251A4

Deuteranopia

#52539D

Tritanopia

#558E89

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCAEC
300
#A9A5DF
400
#7A74CE
500
#4B43BC
600
#3C3597
700
#302B79
800
#26215E
900
#1F1C45
950
#13112C

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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