#577A90

#577A90

Color Values

HEX

#577A90

RGB

87, 122, 144

HSL

203.2, 24.7%, 45.3%

HSV

203.2, 39.6%, 56.5%

CMYK

39.6%, 15.3%, 0.0%, 43.5%

OKLCH

0.5615 0.0524 236.5

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#577A90

#906D57

Analogous

#57908A

#575D90

#577A90

Triadic

#577A90

#90577A

#7A9057

Split Complementary

#577A90

#90575D

#908A57

Tetradic

#577A90

#8A5790

#906D57

#5D9057

Color Blindness Simulation

Original

#577A90

Protanopia

#66668B

Deuteranopia

#646289

Tritanopia

#598686

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE4
300
#B3C5D1
400
#89A6B8
500
#60879F
600
#4D6C7F
700
#3D5666
800
#30434F
900
#26333B
950
#182025

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass 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