#54274C

#54274C

Color Values

HEX

#54274C

RGB

84, 39, 76

HSL

310.7, 36.6%, 24.1%

HSV

310.7, 53.6%, 32.9%

CMYK

0.0%, 53.6%, 9.5%, 67.1%

OKLCH

0.3488 0.0851 334.3

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#54274C

#27542F

Analogous

#452754

#542735

#54274C

Triadic

#54274C

#4C5427

#274C54

Split Complementary

#54274C

#355427

#275445

Tetradic

#54274C

#544527

#27542F

#273554

Color Blindness Simulation

Original

#54274C

Protanopia

#414043

Deuteranopia

#434641

Tritanopia

#523C3A

Achromatopsia

#333333

CSS Usage

background-color: #54274C;
color: #54274C;
border-color: #54274C;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ABD0
400
#C37EB7
500
#AE519E
600
#8B417E
700
#6F3465
800
#57284F
900
#40203B
950
#291525

Contrast Checker

Text on white

11.85:1

AA Pass AAA Pass

Text on black

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