#57778F

#57778F

Color Values

HEX

#57778F

RGB

87, 119, 143

HSL

205,7, 24,3%, 45,1%

HSV

205,7, 39,2%, 56,1%

CMYK

39,2%, 16,8%, 0,0%, 43,9%

OKLCH

0,554 0,0525 241,3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#57778F

#8F6F57

Analogous

#578F8B

#575B8F

#57778F

Triadic

#57778F

#8F5777

#778F57

Split Complementary

#57778F

#8F575B

#8F8B57

Tetradic

#57778F

#8B578F

#8F6F57

#5B8F57

Color Blindness Simulation

Original

#57778F

Protanopia

#656589

Deuteranopia

#636188

Tritanopia

#598584

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D3DDE4
300
#B3C4D1
400
#8AA4B8
500
#61849E
600
#4D6A7F
700
#3E5465
800
#30424F
900
#26323B
950
#182025

Contrast Checker

Text on white

4,73:1

AA Pass AAA Fail

Text on black

4,44: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