#537FB6

#537FB6

Color Values

HEX

#537FB6

RGB

83, 127, 182

HSL

213.3, 40.4%, 52.0%

HSV

213.3, 54.4%, 71.4%

CMYK

54.4%, 30.2%, 0.0%, 28.6%

OKLCH

0.5885 0.098 254.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#537FB6

#B68A53

Analogous

#53B1B6

#5953B6

#537FB6

Triadic

#537FB6

#B6537F

#7FB653

Split Complementary

#537FB6

#B65953

#B1B653

Tetradic

#537FB6

#B653B1

#B68A53

#53B659

Color Blindness Simulation

Original

#537FB6

Protanopia

#6666A9

Deuteranopia

#6460A6

Tritanopia

#559E9C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #537FB6;
color: #537FB6;
border-color: #537FB6;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDDAEA
300
#A9BFDB
400
#7B9CC7
500
#4C7AB3
600
#3D618F
700
#314E73
800
#263D5A
900
#1F2F42
950
#131D2A

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

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