#544DAF

#544DAF

Color Values

HEX

#544DAF

RGB

84, 77, 175

HSL

244.3, 38.9%, 49.4%

HSV

244.3, 56.0%, 68.6%

CMYK

52.0%, 56.0%, 0.0%, 31.4%

OKLCH

0.4808 0.1511 282.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#544DAF

#A8AF4D

Analogous

#4D77AF

#854DAF

#544DAF

Triadic

#544DAF

#AF544D

#4DAF54

Split Complementary

#544DAF

#AF854D

#77AF4D

Tetradic

#544DAF

#AF4D77

#A8AF4D

#4DAF85

Color Blindness Simulation

Original

#544DAF

Protanopia

#515197

Deuteranopia

#515292

Tritanopia

#548580

Achromatopsia

#565656

CSS Usage

background-color: #544DAF;
color: #544DAF;
border-color: #544DAF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#817CC5
500
#554EB1
600
#443E8E
700
#363271
800
#2B2759
900
#221F41
950
#151429

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

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