#537CEE

#537CEE

Color Values

HEX

#537CEE

RGB

83, 124, 238

HSL

224.1, 82.0%, 62.9%

HSV

224.1, 65.1%, 93.3%

CMYK

65.1%, 47.9%, 0.0%, 6.7%

OKLCH

0.6152 0.1774 266.4

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#537CEE

#EEC553

Analogous

#53CAEE

#7753EE

#537CEE

Triadic

#537CEE

#EE537C

#7CEE53

Split Complementary

#537CEE

#EE7753

#CAEE53

Tetradic

#537CEE

#EE53CA

#EEC553

#53EE77

Color Blindness Simulation

Original

#537CEE

Protanopia

#6565D2

Deuteranopia

#625FCC

Tritanopia

#55BDB8

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E7FA
200
#BECEF9
300
#90AAF4
400
#537CEE
500
#174EE8
600
#123FBA
700
#0F3295
800
#0B2774
900
#0D2054
950
#081435

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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