#537CEF

#537CEF

Color Values

HEX

#537CEF

RGB

83, 124, 239

HSL

224.2, 83.0%, 63.1%

HSV

224.2, 65.3%, 93.7%

CMYK

65.3%, 48.1%, 0.0%, 6.3%

OKLCH

0.6159 0.1787 266.4

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#537CEF

#EFC653

Analogous

#53CAEF

#7853EF

#537CEF

Triadic

#537CEF

#EF537C

#7CEF53

Split Complementary

#537CEF

#EF7853

#CAEF53

Tetradic

#537CEF

#EF53CA

#EFC653

#53EF78

Color Blindness Simulation

Original

#537CEF

Protanopia

#6565D3

Deuteranopia

#625FCC

Tritanopia

#55BDB8

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E7FA
200
#BECDF9
300
#8FAAF5
400
#527CEF
500
#164DE9
600
#113EBB
700
#0E3295
800
#0B2775
900
#0C1F55
950
#081435

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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