#536CAC

#536CAC

Color Values

HEX

#536CAC

RGB

83, 108, 172

HSL

223.1, 34.9%, 50.0%

HSV

223.1, 51.7%, 67.5%

CMYK

51.7%, 37.2%, 0.0%, 32.5%

OKLCH

0.5408 0.1049 266.8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#536CAC

#AC9353

Analogous

#5399AC

#6653AC

#536CAC

Triadic

#536CAC

#AC536C

#6CAC53

Split Complementary

#536CAC

#AC6653

#99AC53

Tetradic

#536CAC

#AC5399

#AC9353

#53AC66

Color Blindness Simulation

Original

#536CAC

Protanopia

#5E5E9D

Deuteranopia

#5C5A99

Tritanopia

#54908E

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E8
300
#ACB8D7
400
#8092C2
500
#536CAC
600
#42568A
700
#35456E
800
#2A3656
900
#212A40
950
#151A28

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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