#536FEF

#536FEF

Color Values

HEX

#536FEF

RGB

83, 111, 239

HSL

229,2, 83,0%, 63,1%

HSV

229,2, 65,3%, 93,7%

CMYK

65,3%, 53,6%, 0,0%, 6,3%

OKLCH

0,5906 0,1944 270,1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#536FEF

#EFD353

Analogous

#53BDEF

#8553EF

#536FEF

Triadic

#536FEF

#EF536F

#6FEF53

Split Complementary

#536FEF

#EF8553

#BDEF53

Tetradic

#536FEF

#EF53BD

#EFD353

#53EF85

Color Blindness Simulation

Original

#536FEF

Protanopia

#5F5FD0

Deuteranopia

#5E5BC9

Tritanopia

#54B8B2

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E1E5FA
200
#BEC8F9
300
#8FA1F5
400
#526FEF
500
#163CE9
600
#1130BB
700
#0E2695
800
#0B1E75
900
#0C1955
950
#081035

Contrast Checker

Text on white

4,3:1

AA Fail AAA Fail

Text on black

4,89:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026