#536FAC

#536FAC

Color Values

HEX

#536FAC

RGB

83, 111, 172

HSL

221.1, 34.9%, 50.0%

HSV

221.1, 51.7%, 67.5%

CMYK

51.7%, 35.5%, 0.0%, 32.5%

OKLCH

0.5474 0.1013 264.6

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#536FAC

#AC9053

Analogous

#539CAC

#6353AC

#536FAC

Triadic

#536FAC

#AC536F

#6FAC53

Split Complementary

#536FAC

#AC6353

#9CAC53

Tetradic

#536FAC

#AC539C

#AC9053

#53AC63

Color Blindness Simulation

Original

#536FAC

Protanopia

#5F5F9D

Deuteranopia

#5E5B9A

Tritanopia

#54928F

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ACBAD7
400
#8094C2
500
#536FAC
600
#42598A
700
#35476E
800
#2A3856
900
#212B40
950
#151B28

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

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