#554B8C

#554B8C

Color Values

HEX

#554B8C

RGB

85, 75, 140

HSL

249.2, 30.2%, 42.2%

HSV

249.2, 46.4%, 54.9%

CMYK

39.3%, 46.4%, 0.0%, 45.1%

OKLCH

0.454 0.1037 288.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554B8C

#828C4B

Analogous

#4B628C

#764B8C

#554B8C

Triadic

#554B8C

#8C554B

#4B8C55

Split Complementary

#554B8C

#8C764B

#628C4B

Tetradic

#554B8C

#8C4B62

#828C4B

#4B8C76

Color Blindness Simulation

Original

#554B8C

Protanopia

#51517C

Deuteranopia

#515278

Tritanopia

#54706D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D4D1E6
300
#B5AFD4
400
#8D84BD
500
#6559A6
600
#514785
700
#41396A
800
#322C53
900
#27233E
950
#191627

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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