#555ED6

#555ED6

Color Values

HEX

#555ED6

RGB

85, 94, 214

HSL

235.8, 61.1%, 58.6%

HSV

235.8, 60.3%, 83.9%

CMYK

60.3%, 56.1%, 0.0%, 16.1%

OKLCH

0.5416 0.1816 275.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#555ED6

#D6CD55

Analogous

#559ED6

#8C55D6

#555ED6

Triadic

#555ED6

#D6555E

#5ED655

Split Complementary

#555ED6

#D68C55

#9ED655

Tetradic

#555ED6

#D6559E

#D6CD55

#55D68C

Color Blindness Simulation

Original

#555ED6

Protanopia

#5959B9

Deuteranopia

#5858B2

Tritanopia

#55A29D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C9F1
300
#9CA2E7
400
#676FDA
500
#323DCD
600
#2830A4
700
#202783
800
#191E67
900
#161A4B
950
#0E102F

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

3.96:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026