#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026