#540231

#540231

Color Values

HEX

#540231

RGB

84, 2, 49

HSL

325.6, 95.3%, 16.9%

HSV

325.6, 97.6%, 32.9%

CMYK

0.0%, 97.6%, 41.7%, 67.1%

OKLCH

0.2938 0.1186 353.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#540231

#025425

Analogous

#4E0254

#540208

#540231

Triadic

#540231

#315402

#023154

Split Complementary

#540231

#085402

#02544E

Tetradic

#540231

#544E02

#025425

#020854

Color Blindness Simulation

Original

#540231

Protanopia

#303026

Deuteranopia

#353B23

Tritanopia

#501D1B

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FEF1F8
100
#FCDFEF
200
#FDB9E0
300
#FC87CA
400
#FB47AE
500
#F90691
600
#C70574
700
#9F045D
800
#7D0349
900
#5A0737
950
#390422

Contrast Checker

Text on white

14.69:1

AA Pass AAA Pass

Text on black

1.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026