#554F8E

#554F8E

Color Values

HEX

#554F8E

RGB

85, 79, 142

HSL

245.7, 28.5%, 43.3%

HSV

245.7, 44.4%, 55.7%

CMYK

40.1%, 44.4%, 0.0%, 44.3%

OKLCH

0.4633 0.1003 286.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554F8E

#888E4F

Analogous

#4F688E

#744F8E

#554F8E

Triadic

#554F8E

#8E554F

#4F8E55

Split Complementary

#554F8E

#8E744F

#688E4F

Tetradic

#554F8E

#8E4F68

#888E4F

#4F8E74

Color Blindness Simulation

Original

#554F8E

Protanopia

#52527F

Deuteranopia

#53537B

Tritanopia

#557370

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE9F1
200
#D3D1E5
300
#B4B0D3
400
#8B86BC
500
#625BA4
600
#4E4983
700
#3F3A69
800
#312E52
900
#26243D
950
#181726

Contrast Checker

Text on white

7.25:1

AA Pass AAA Pass

Text on black

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