#536AEF

#536AEF

Color Values

HEX

#536AEF

RGB

83, 106, 239

HSL

231.2, 83.0%, 63.1%

HSV

231.2, 65.3%, 93.7%

CMYK

65.3%, 55.6%, 0.0%, 6.3%

OKLCH

0.5813 0.2005 271.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#536AEF

#EFD853

Analogous

#53B8EF

#8A53EF

#536AEF

Triadic

#536AEF

#EF536A

#6AEF53

Split Complementary

#536AEF

#EF8A53

#B8EF53

Tetradic

#536AEF

#EF53B8

#EFD853

#53EF8A

Color Blindness Simulation

Original

#536AEF

Protanopia

#5D5DCF

Deuteranopia

#5C5AC7

Tritanopia

#54B5B0

Achromatopsia

#6F6F6F

CSS Usage

background-color: #536AEF;
color: #536AEF;
border-color: #536AEF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F4FD
100
#E1E4FA
200
#BEC6F9
300
#8F9EF5
400
#5269EF
500
#1635E9
600
#112ABB
700
#0E2295
800
#0B1A75
900
#0C1755
950
#080E35

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

4.68:1

AA Pass 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