#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

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