#557199

#557199

Color Values

HEX

#557199

RGB

85, 113, 153

HSL

215.3, 28.6%, 46.7%

HSV

215.3, 44.4%, 60.0%

CMYK

44.4%, 26.1%, 0.0%, 40.0%

OKLCH

0.5434 0.0711 257.3

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#557199

#997D55

Analogous

#559399

#5B5599

#557199

Triadic

#557199

#995571

#719955

Split Complementary

#557199

#995B55

#939955

Tetradic

#557199

#995593

#997D55

#55995B

Color Blindness Simulation

Original

#557199

Protanopia

#61618F

Deuteranopia

#605D8D

Tritanopia

#568886

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF1
200
#D1D9E6
300
#B0BFD3
400
#869CBC
500
#5B79A4
600
#496183
700
#3A4D69
800
#2E3D52
900
#242E3D
950
#171D26

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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