#557486

#557486

Color Values

HEX

#557486

RGB

85, 116, 134

HSL

202.0, 22.4%, 42.9%

HSV

202.0, 36.6%, 52.5%

CMYK

36.6%, 13.4%, 0.0%, 47.5%

OKLCH

0.5419 0.0455 234.2

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#557486

#866755

Analogous

#55867F

#555B86

#557486

Triadic

#557486

#865574

#748655

Split Complementary

#557486

#86555B

#867F55

Tetradic

#557486

#7F5586

#866755

#5B8655

Color Blindness Simulation

Original

#557486

Protanopia

#626382

Deuteranopia

#615E81

Tritanopia

#577E7D

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DDE3
300
#B4C5D0
400
#8CA6B6
500
#63879C
600
#4F6C7D
700
#3F5664
800
#31444E
900
#27333A
950
#182025

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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