#537AB4

#537AB4

Color Values

HEX

#537AB4

RGB

83, 122, 180

HSL

215.9, 39.3%, 51.6%

HSV

215.9, 53.9%, 70.6%

CMYK

53.9%, 32.2%, 0.0%, 29.4%

OKLCH

0.5762 0.1002 258.1

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#537AB4

#B48D53

Analogous

#53ABB4

#5D53B4

#537AB4

Triadic

#537AB4

#B4537A

#7AB453

Split Complementary

#537AB4

#B45D53

#ABB453

Tetradic

#537AB4

#B453AB

#B48D53

#53B45D

Color Blindness Simulation

Original

#537AB4

Protanopia

#6464A6

Deuteranopia

#625FA3

Tritanopia

#559B98

Achromatopsia

#767676

CSS Usage

background-color: #537AB4;
color: #537AB4;
border-color: #537AB4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD9E9
300
#AABDDA
400
#7C99C6
500
#4D76B2
600
#3E5E8E
700
#324B72
800
#273B59
900
#1F2D42
950
#141C29

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026