#554587

#554587

Color Values

HEX

#554587

RGB

85, 69, 135

HSL

254.5, 32.4%, 40.0%

HSV

254.5, 48.9%, 52.9%

CMYK

37.0%, 48.9%, 0.0%, 47.1%

OKLCH

0.4391 0.1061 292.7

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#554587

#778745

Analogous

#455687

#764587

#554587

Triadic

#554587

#875545

#458755

Split Complementary

#554587

#877645

#568745

Tetradic

#554587

#874556

#778745

#458776

Color Blindness Simulation

Original

#554587

Protanopia

#4E4E77

Deuteranopia

#4F5073

Tritanopia

#546A68

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EBE8F2
200
#D5D0E7
300
#B8AED6
400
#9182BF
500
#6A56A9
600
#554587
700
#44376C
800
#352B54
900
#29223F
950
#1A1628

Contrast Checker

Text on white

8.12:1

AA Pass AAA Pass

Text on black

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