#54237D

#54237D

Color Values

HEX

#54237D

RGB

84, 35, 125

HSL

272.7, 56.2%, 31.4%

HSV

272.7, 72.0%, 49.0%

CMYK

32.8%, 72.0%, 0.0%, 51.0%

OKLCH

0.3751 0.1459 305.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#54237D

#4C7D23

Analogous

#27237D

#7D2379

#54237D

Triadic

#54237D

#7D5423

#237D54

Split Complementary

#54237D

#797D23

#237D27

Tetradic

#54237D

#7D2723

#4C7D23

#23797D

Color Blindness Simulation

Original

#54237D

Protanopia

#3F3E67

Deuteranopia

#424562

Tritanopia

#525652

Achromatopsia

#343434

CSS Usage

background-color: #54237D;
color: #54237D;
border-color: #54237D;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C59FE4
400
#A56CD6
500
#8638C7
600
#6B2D9F
700
#56247F
800
#431C64
900
#331849
950
#200F2E

Contrast Checker

Text on white

10.97:1

AA Pass AAA Pass

Text on black

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