#5555C2

#5555C2

Color Values

HEX

#5555C2

RGB

85, 85, 194

HSL

240.0, 47.2%, 54.7%

HSV

240.0, 56.2%, 76.1%

CMYK

56.2%, 56.2%, 0.0%, 23.9%

OKLCH

0.5102 0.1662 278.7

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#5555C2

#C2C255

Analogous

#558BC2

#8B55C2

#5555C2

Triadic

#5555C2

#C25555

#55C255

Split Complementary

#5555C2

#C28B55

#8BC255

Tetradic

#5555C2

#C2558B

#C2C255

#55C28B

Color Blindness Simulation

Original

#5555C2

Protanopia

#5555A8

Deuteranopia

#5555A1

Tritanopia

#55938E

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5555C2;
color: #5555C2;
border-color: #5555C2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FA
100
#E6E6F4
200
#CACAEC
300
#A5A5DF
400
#7474CD
500
#4343BC
600
#363696
700
#2B2B78
800
#22225E
900
#1C1C45
950
#12122C

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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