#536FAD

#536FAD

Color Values

HEX

#536FAD

RGB

83, 111, 173

HSL

221,3, 35,4%, 50,2%

HSV

221,3, 52,0%, 67,8%

CMYK

52,0%, 35,8%, 0,0%, 32,2%

OKLCH

0,548 0,1027 264,8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#536FAD

#AD9153

Analogous

#539CAD

#6453AD

#536FAD

Triadic

#536FAD

#AD536F

#6FAD53

Split Complementary

#536FAD

#AD6453

#9CAD53

Tetradic

#536FAD

#AD539C

#AD9153

#53AD64

Color Blindness Simulation

Original

#536FAD

Protanopia

#5F5F9E

Deuteranopia

#5E5B9A

Tritanopia

#549290

Achromatopsia

#6E6E6E

CSS Usage

background-color: #536FAD;
color: #536FAD;
border-color: #536FAD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F6FA
100
#E8EBF3
200
#CFD7E8
300
#ACBAD7
400
#7F94C2
500
#526EAD
600
#42588A
700
#35476E
800
#293756
900
#212B40
950
#151B28

Contrast Checker

Text on white

4,95:1

AA Pass AAA Fail

Text on black

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