#5749DC

#5749DC

Color Values

HEX

#5749DC

RGB

87, 73, 220

HSL

245.7, 67.7%, 57.5%

HSV

245.7, 66.8%, 86.3%

CMYK

60.5%, 66.8%, 0.0%, 13.7%

OKLCH

0.5127 0.2143 280.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5749DC

#CEDC49

Analogous

#4985DC

#A149DC

#5749DC

Triadic

#5749DC

#DC5749

#49DC57

Split Complementary

#5749DC

#DCA149

#85DC49

Tetradic

#5749DC

#DC4985

#CEDC49

#49DCA1

Color Blindness Simulation

Original

#5749DC

Protanopia

#5151B8

Deuteranopia

#5253B0

Tritanopia

#569C96

Achromatopsia

#575757

CSS Usage

background-color: #5749DC;
color: #5749DC;
border-color: #5749DC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A098EB
400
#6D61E1
500
#3A29D6
600
#2E21AB
700
#251A89
800
#1D156B
900
#19134E
950
#0F0C31

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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