#555FD6

#555FD6

Color Values

HEX

#555FD6

RGB

85, 95, 214

HSL

235,3, 61,1%, 58,6%

HSV

235,3, 60,3%, 83,9%

CMYK

60,3%, 55,6%, 0,0%, 16,1%

OKLCH

0,5435 0,1804 275,0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#555FD6

#D6CC55

Analogous

#55A0D6

#8B55D6

#555FD6

Triadic

#555FD6

#D6555F

#5FD655

Split Complementary

#555FD6

#D68B55

#A0D655

Tetradic

#555FD6

#D655A0

#D6CC55

#55D68B

Color Blindness Simulation

Original

#555FD6

Protanopia

#5959B9

Deuteranopia

#5958B2

Tritanopia

#56A29D

Achromatopsia

#656565

CSS Usage

background-color: #555FD6;
color: #555FD6;
border-color: #555FD6;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C9F1
300
#9CA2E7
400
#6770DA
500
#323ECD
600
#2831A4
700
#202883
800
#191F67
900
#161A4B
950
#0E102F

Contrast Checker

Text on white

5,26:1

AA Pass AAA Fail

Text on black

3,99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026