#536AAC

#536AAC

Color Values

HEX

#536AAC

RGB

83, 106, 172

HSL

224.5, 34.9%, 50.0%

HSV

224.5, 51.7%, 67.5%

CMYK

51.7%, 38.4%, 0.0%, 32.5%

OKLCH

0.5365 0.1074 268.1

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#536AAC

#AC9553

Analogous

#5396AC

#6953AC

#536AAC

Triadic

#536AAC

#AC536A

#6AAC53

Split Complementary

#536AAC

#AC6953

#96AC53

Tetradic

#536AAC

#AC5396

#AC9553

#53AC69

Color Blindness Simulation

Original

#536AAC

Protanopia

#5D5D9C

Deuteranopia

#5C5A98

Tritanopia

#548F8D

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD5E8
300
#ACB7D7
400
#8091C2
500
#536AAC
600
#42558A
700
#35446E
800
#2A3556
900
#212940
950
#151A28

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

4.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026