#54346F

#54346F

Color Values

HEX

#54346F

RGB

84, 52, 111

HSL

272.5, 36.2%, 32.0%

HSV

272.5, 53.2%, 43.5%

CMYK

24.3%, 53.2%, 0.0%, 56.5%

OKLCH

0.3912 0.1017 307.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#54346F

#4F6F34

Analogous

#37346F

#6F346D

#54346F

Triadic

#54346F

#6F5434

#346F54

Split Complementary

#54346F

#6D6F34

#346F37

Tetradic

#54346F

#6F3734

#4F6F34

#346D6F

Color Blindness Simulation

Original

#54346F

Protanopia

#464661

Deuteranopia

#484A5D

Tritanopia

#525553

Achromatopsia

#3F3F3F

CSS Usage

background-color: #54346F;
color: #54346F;
border-color: #54346F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DCCEE8
300
#C4ACD8
400
#A37EC3
500
#8351AE
600
#69418B
700
#54346F
800
#422957
900
#322140
950
#1F1529

Contrast Checker

Text on white

10.01:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026