#544CDB

#544CDB

Color Values

HEX

#544CDB

RGB

84, 76, 219

HSL

243.4, 66.5%, 57.8%

HSV

243.4, 65.3%, 85.9%

CMYK

61.6%, 65.3%, 0.0%, 14.1%

OKLCH

0.5142 0.2102 278.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#544CDB

#D3DB4C

Analogous

#4C8BDB

#9C4CDB

#544CDB

Triadic

#544CDB

#DB544C

#4CDB54

Split Complementary

#544CDB

#DB9C4C

#8BDB4C

Tetradic

#544CDB

#DB4C8B

#D3DB4C

#4CDB9C

Color Blindness Simulation

Original

#544CDB

Protanopia

#5150B8

Deuteranopia

#5152B0

Tritanopia

#549D97

Achromatopsia

#585858

CSS Usage

background-color: #544CDB;
color: #544CDB;
border-color: #544CDB;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C4F3
300
#9E99EA
400
#6962DF
500
#342BD4
600
#2A22AA
700
#211B88
800
#1A156A
900
#17134D
950
#0E0C31

Contrast Checker

Text on white

6.12:1

AA Pass AAA Fail

Text on black

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