#540124

#540124

Color Values

HEX

#540124

RGB

84, 1, 36

HSL

334.7, 97.6%, 16.7%

HSV

334.7, 98.8%, 32.9%

CMYK

0.0%, 98.8%, 57.1%, 67.1%

OKLCH

0.288 0.1145 4.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#540124

#015431

Analogous

#54014E

#540801

#540124

Triadic

#540124

#245401

#012454

Split Complementary

#540124

#015408

#014E54

Tetradic

#540124

#4E5401

#015431

#080154

Color Blindness Simulation

Original

#540124

Protanopia

#302F1C

Deuteranopia

#353B1A

Tritanopia

#501513

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEB
200
#FEB8D6
300
#FE86B8
400
#FD4592
500
#FC036C
600
#CA0256
700
#A10245
800
#7E0236
900
#5B062A
950
#39041A

Contrast Checker

Text on white

14.93:1

AA Pass AAA Pass

Text on black

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