#54074D

#54074D

Color Values

HEX

#54074D

RGB

84, 7, 77

HSL

305.5, 84.6%, 17.8%

HSV

305.5, 91.7%, 32.9%

CMYK

0.0%, 91.7%, 8.3%, 67.1%

OKLCH

0.3129 0.1319 332.6

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#54074D

#07540E

Analogous

#340754

#540726

#54074D

Triadic

#54074D

#4D5407

#074D54

Split Complementary

#54074D

#265407

#075434

Tetradic

#54074D

#543407

#07540E

#072654

Color Blindness Simulation

Original

#54074D

Protanopia

#33323C

Deuteranopia

#373D38

Tritanopia

#502F2C

Achromatopsia

#1C1C1C

CSS Usage

background-color: #54074D;
color: #54074D;
border-color: #54074D;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABDF4
300
#F68EEC
400
#F051E2
500
#EB14D8
600
#BC10AC
700
#970D8A
800
#760A6C
900
#550C4F
950
#360732

Contrast Checker

Text on white

13.87:1

AA Pass AAA Pass

Text on black

1.51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026