#5444DB

#5444DB

Color Values

HEX

#5444DB

RGB

84, 68, 219

HSL

246.4, 67.7%, 56.3%

HSV

246.4, 68.9%, 85.9%

CMYK

61.6%, 68.9%, 0.0%, 14.1%

OKLCH

0.5021 0.2191 279.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5444DB

#CBDB44

Analogous

#447FDB

#A044DB

#5444DB

Triadic

#5444DB

#DB5444

#44DB54

Split Complementary

#5444DB

#DBA044

#7FDB44

Tetradic

#5444DB

#DB447F

#CBDB44

#44DBA0

Color Blindness Simulation

Original

#5444DB

Protanopia

#4D4DB7

Deuteranopia

#4E4FAE

Tritanopia

#539A93

Achromatopsia

#525252

CSS Usage

background-color: #5444DB;
color: #5444DB;
border-color: #5444DB;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A198EB
400
#6E61E1
500
#3C29D6
600
#3021AB
700
#261A89
800
#1E156B
900
#19134E
950
#100C31

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026