#537897

#537897

Color Values

HEX

#537897

RGB

83, 120, 151

HSL

207.4, 29.1%, 45.9%

HSV

207.4, 45.0%, 59.2%

CMYK

45.0%, 20.5%, 0.0%, 40.8%

OKLCH

0.5574 0.064 244.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#537897

#977253

Analogous

#539794

#535697

#537897

Triadic

#537897

#975378

#789753

Split Complementary

#537897

#975356

#979453

Tetradic

#537897

#945397

#977253

#569753

Color Blindness Simulation

Original

#537897

Protanopia

#636390

Deuteranopia

#615E8E

Tritanopia

#558A88

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EEF2
200
#D1DCE6
300
#B0C3D4
400
#85A3BC
500
#5A83A5
600
#486984
700
#3A5469
800
#2D4152
900
#24323D
950
#171F27

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026