#537BEE

#537BEE

Color Values

HEX

#537BEE

RGB

83, 123, 238

HSL

224.5, 82.0%, 62.9%

HSV

224.5, 65.1%, 93.3%

CMYK

65.1%, 48.3%, 0.0%, 6.7%

OKLCH

0.6132 0.1786 266.7

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#537BEE

#EEC653

Analogous

#53C8EE

#7853EE

#537BEE

Triadic

#537BEE

#EE537B

#7BEE53

Split Complementary

#537BEE

#EE7853

#C8EE53

Tetradic

#537BEE

#EE53C8

#EEC653

#53EE78

Color Blindness Simulation

Original

#537BEE

Protanopia

#6465D2

Deuteranopia

#625FCC

Tritanopia

#55BCB7

Achromatopsia

#7B7B7B

CSS Usage

background-color: #537BEE;
color: #537BEE;
border-color: #537BEE;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E1E7FA
200
#BECDF9
300
#90AAF4
400
#537BEE
500
#174DE8
600
#123EBA
700
#0F3195
800
#0B2674
900
#0D1F54
950
#081435

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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