#537FC6

#537FC6

Color Values

HEX

#537FC6

RGB

83, 127, 198

HSL

217.0, 50.2%, 55.1%

HSV

217.0, 58.1%, 77.6%

CMYK

58.1%, 35.9%, 0.0%, 22.4%

OKLCH

0.597 0.1195 259.6

Properties

Cool Light Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#537FC6

#C69A53

Analogous

#53B9C6

#6053C6

#537FC6

Triadic

#537FC6

#C6537F

#7FC653

Split Complementary

#537FC6

#C66053

#B9C653

Tetradic

#537FC6

#C653B9

#C69A53

#53C660

Color Blindness Simulation

Original

#537FC6

Protanopia

#6666B5

Deuteranopia

#6460B1

Tritanopia

#55A7A4

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E6EBF5
200
#C9D7ED
300
#A3BBE1
400
#7196D0
500
#3F71C0
600
#335A99
700
#29487B
800
#203860
900
#1B2B46
950
#111B2C

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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