#555AD4

#555AD4

Color Values

HEX

#555AD4

RGB

85, 90, 212

HSL

237.6, 59.6%, 58.2%

HSV

237.6, 59.9%, 83.1%

CMYK

59.9%, 57.5%, 0.0%, 16.9%

OKLCH

0.5329 0.184 276.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#555AD4

#D4CF55

Analogous

#5599D4

#8F55D4

#555AD4

Triadic

#555AD4

#D4555A

#5AD455

Split Complementary

#555AD4

#D48F55

#99D455

Tetradic

#555AD4

#D45599

#D4CF55

#55D48F

Color Blindness Simulation

Original

#555AD4

Protanopia

#5757B7

Deuteranopia

#5756AF

Tritanopia

#559F9A

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C8F1
300
#9DA0E6
400
#686DD9
500
#343ACB
600
#292EA3
700
#212582
800
#1A1D66
900
#16194A
950
#0E0F2F

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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