#5372EE

#5372EE

Color Values

HEX

#5372EE

RGB

83, 114, 238

HSL

228.0, 82.0%, 62.9%

HSV

228.0, 65.1%, 93.3%

CMYK

65.1%, 52.1%, 0.0%, 6.7%

OKLCH

0.5956 0.1894 269.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5372EE

#EECF53

Analogous

#53BFEE

#8153EE

#5372EE

Triadic

#5372EE

#EE5372

#72EE53

Split Complementary

#5372EE

#EE8153

#BFEE53

Tetradic

#5372EE

#EE53BF

#EECF53

#53EE81

Color Blindness Simulation

Original

#5372EE

Protanopia

#6061D0

Deuteranopia

#5F5CC9

Tritanopia

#55B8B3

Achromatopsia

#747474

CSS Usage

background-color: #5372EE;
color: #5372EE;
border-color: #5372EE;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E6FA
200
#BECAF9
300
#90A4F4
400
#5372EE
500
#1741E8
600
#1234BA
700
#0F2995
800
#0B2074
900
#0D1B54
950
#081135

Contrast Checker

Text on white

4.19:1

AA Fail AAA Fail

Text on black

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