#544FAC

#544FAC

Color Values

HEX

#544FAC

RGB

84, 79, 172

HSL

243.2, 37.1%, 49.2%

HSV

243.2, 54.1%, 67.5%

CMYK

51.2%, 54.1%, 0.0%, 32.5%

OKLCH

0.4823 0.1441 282.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#544FAC

#A7AC4F

Analogous

#4F78AC

#824FAC

#544FAC

Triadic

#544FAC

#AC544F

#4FAC54

Split Complementary

#544FAC

#AC824F

#78AC4F

Tetradic

#544FAC

#AC4F78

#A7AC4F

#4FAC82

Color Blindness Simulation

Original

#544FAC

Protanopia

#525296

Deuteranopia

#525290

Tritanopia

#548480

Achromatopsia

#575757

CSS Usage

background-color: #544FAC;
color: #544FAC;
border-color: #544FAC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CFCEE9
300
#AEABD9
400
#817EC4
500
#5550AF
600
#44408C
700
#373370
800
#2B2857
900
#222041
950
#151429

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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