#5353DF

#5353DF

Color Values

HEX

#5353DF

RGB

83, 83, 223

HSL

240,0, 68,6%, 60,0%

HSV

240,0, 62,8%, 87,5%

CMYK

62,8%, 62,8%, 0,0%, 12,5%

OKLCH

0,5282 0,2073 276,6

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5353DF

#DFDF53

Analogous

#5399DF

#9953DF

#5353DF

Triadic

#5353DF

#DF5353

#53DF53

Split Complementary

#5353DF

#DF9953

#99DF53

Tetradic

#5353DF

#DF5399

#DFDF53

#53DF99

Color Blindness Simulation

Original

#5353DF

Protanopia

#5353BD

Deuteranopia

#5353B5

Tritanopia

#53A29C

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5353DF;
color: #5353DF;
border-color: #5353DF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C3F4
300
#9898EC
400
#6060E1
500
#2828D7
600
#2020AC
700
#1A1A8A
800
#14146B
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

5,72:1

AA Pass AAA Fail

Text on black

3,67:1

AA Fail 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