#557399

#557399

Color Values

HEX

#557399

RGB

85, 115, 153

HSL

213.5, 28.6%, 46.7%

HSV

213.5, 44.4%, 60.0%

CMYK

44.4%, 24.8%, 0.0%, 40.0%

OKLCH

0.5479 0.0692 254.7

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#557399

#997B55

Analogous

#559599

#595599

#557399

Triadic

#557399

#995573

#739955

Split Complementary

#557399

#995955

#959955

Tetradic

#557399

#995595

#997B55

#559959

Color Blindness Simulation

Original

#557399

Protanopia

#626290

Deuteranopia

#605E8E

Tritanopia

#568987

Achromatopsia

#6F6F6F

CSS Usage

background-color: #557399;
color: #557399;
border-color: #557399;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7F9
100
#E9EDF1
200
#D1DAE6
300
#B0C0D3
400
#869EBC
500
#5B7BA4
600
#496383
700
#3A4F69
800
#2E3E52
900
#242F3D
950
#171E26

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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