#555BED

#555BED

Color Values

HEX

#555BED

RGB

85, 91, 237

HSL

237.6, 80.9%, 63.1%

HSV

237.6, 64.1%, 92.9%

CMYK

64.1%, 61.6%, 0.0%, 7.1%

OKLCH

0.5544 0.2153 275.1

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#555BED

#EDE755

Analogous

#55A7ED

#9B55ED

#555BED

Triadic

#555BED

#ED555B

#5BED55

Split Complementary

#555BED

#ED9B55

#A7ED55

Tetradic

#555BED

#ED55A7

#EDE755

#55ED9B

Color Blindness Simulation

Original

#555BED

Protanopia

#5858CA

Deuteranopia

#5757C1

Tritanopia

#55AEA8

Achromatopsia

#646464

CSS Usage

background-color: #555BED;
color: #555BED;
border-color: #555BED;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BEC1F8
300
#9094F3
400
#545AED
500
#1821E7
600
#131AB9
700
#101594
800
#0C1073
900
#0D1054
950
#080A35

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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