#536BEE

#536BEE

Color Values

HEX

#536BEE

RGB

83, 107, 238

HSL

230.7, 82.0%, 62.9%

HSV

230.7, 65.1%, 93.3%

CMYK

65.1%, 55.0%, 0.0%, 6.7%

OKLCH

0.5824 0.1979 271.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#536BEE

#EED653

Analogous

#53B8EE

#8853EE

#536BEE

Triadic

#536BEE

#EE536B

#6BEE53

Split Complementary

#536BEE

#EE8853

#B8EE53

Tetradic

#536BEE

#EE53B8

#EED653

#53EE88

Color Blindness Simulation

Original

#536BEE

Protanopia

#5D5ECE

Deuteranopia

#5C5AC7

Tritanopia

#54B5B0

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC7F9
300
#909FF4
400
#536BEE
500
#1737E8
600
#122CBA
700
#0F2395
800
#0B1C74
900
#0D1854
950
#080F35

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026