#5D5DDF

#5D5DDF

Color Values

HEX

#5D5DDF

RGB

93, 93, 223

HSL

240.0, 67.0%, 62.0%

HSV

240.0, 58.3%, 87.5%

CMYK

58.3%, 58.3%, 0.0%, 12.5%

OKLCH

0.5521 0.193 278.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5D5DDF

#DFDF5D

Analogous

#5D9EDF

#9E5DDF

#5D5DDF

Triadic

#5D5DDF

#DF5D5D

#5DDF5D

Split Complementary

#5D5DDF

#DF9E5D

#9EDF5D

Tetradic

#5D5DDF

#DF5D9E

#DFDF5D

#5DDF9E

Color Blindness Simulation

Original

#5D5DDF

Protanopia

#5D5DC0

Deuteranopia

#5D5DB8

Tritanopia

#5DA7A1

Achromatopsia

#666666

CSS Usage

background-color: #5D5DDF;
color: #5D5DDF;
border-color: #5D5DDF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C3C3F3
300
#9999EB
400
#6161E0
500
#2A2AD5
600
#2222AA
700
#1B1B88
800
#15156A
900
#13134E
950
#0C0C31

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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