#5D63DC

#5D63DC

Color Values

HEX

#5D63DC

RGB

93, 99, 220

HSL

237.2, 64.5%, 61.4%

HSV

237.2, 57.7%, 86.3%

CMYK

57.7%, 55.0%, 0.0%, 13.7%

OKLCH

0.5605 0.1815 276.7

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5D63DC

#DCD65D

Analogous

#5DA2DC

#975DDC

#5D63DC

Triadic

#5D63DC

#DC5D63

#63DC5D

Split Complementary

#5D63DC

#DC975D

#A2DC5D

Tetradic

#5D63DC

#DC5DA2

#DCD65D

#5DDC97

Color Blindness Simulation

Original

#5D63DC

Protanopia

#6060BF

Deuteranopia

#5F5FB8

Tritanopia

#5DA8A3

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C4C6F2
300
#9A9EE9
400
#6469DE
500
#2D35D2
600
#242AA8
700
#1D2286
800
#171A69
900
#14174D
950
#0D0E30

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

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