#555DA9

#555DA9

Color Values

HEX

#555DA9

RGB

85, 93, 169

HSL

234.3, 33.1%, 49.8%

HSV

234.3, 49.7%, 66.3%

CMYK

49.7%, 45.0%, 0.0%, 33.7%

OKLCH

0.5086 0.1198 276.7

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#555DA9

#A9A155

Analogous

#5587A9

#7755A9

#555DA9

Triadic

#555DA9

#A9555D

#5DA955

Split Complementary

#555DA9

#A97755

#87A955

Tetradic

#555DA9

#A95587

#A9A155

#55A977

Color Blindness Simulation

Original

#555DA9

Protanopia

#585997

Deuteranopia

#585792

Tritanopia

#558885

Achromatopsia

#616161

CSS Usage

background-color: #555DA9;
color: #555DA9;
border-color: #555DA9;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E7
300
#AEB1D6
400
#8187C0
500
#555DAA
600
#444B88
700
#373C6D
800
#2B2F55
900
#22253F
950
#151728

Contrast Checker

Text on white

5.96:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026