#536BEF

#536BEF

Color Values

HEX

#536BEF

RGB

83, 107, 239

HSL

230.8, 83.0%, 63.1%

HSV

230.8, 65.3%, 93.7%

CMYK

65.3%, 55.2%, 0.0%, 6.3%

OKLCH

0.5831 0.1992 271.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#536BEF

#EFD753

Analogous

#53B9EF

#8953EF

#536BEF

Triadic

#536BEF

#EF536B

#6BEF53

Split Complementary

#536BEF

#EF8953

#B9EF53

Tetradic

#536BEF

#EF53B9

#EFD753

#53EF89

Color Blindness Simulation

Original

#536BEF

Protanopia

#5D5ECF

Deuteranopia

#5C5AC7

Tritanopia

#54B6B0

Achromatopsia

#6F6F6F

CSS Usage

background-color: #536BEF;
color: #536BEF;
border-color: #536BEF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E4FA
200
#BEC7F9
300
#8F9FF5
400
#526AEF
500
#1636E9
600
#112BBB
700
#0E2395
800
#0B1B75
900
#0C1755
950
#080F35

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026