#54233C

#54233C

Color Values

HEX

#54233C

RGB

84, 35, 60

HSL

329.4, 41.2%, 23.3%

HSV

329.4, 58.3%, 32.9%

CMYK

0.0%, 58.3%, 28.6%, 67.1%

OKLCH

0.3348 0.0798 350.4

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#54233C

#23543B

Analogous

#532354

#542323

#54233C

Triadic

#54233C

#3C5423

#233C54

Split Complementary

#54233C

#235423

#235453

Tetradic

#54233C

#545323

#23543B

#232354

Color Blindness Simulation

Original

#54233C

Protanopia

#3F3E36

Deuteranopia

#424534

Tritanopia

#523130

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#EACDDC
300
#DBA9C2
400
#C87AA1
500
#B44B81
600
#903C67
700
#733052
800
#5A2540
900
#421E31
950
#2A131F

Contrast Checker

Text on white

12.48:1

AA Pass AAA Pass

Text on black

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