#540C21

#540C21

Color Values

HEX

#540C21

RGB

84, 12, 33

HSL

342.5, 75.0%, 18.8%

HSV

342.5, 85.7%, 32.9%

CMYK

0.0%, 85.7%, 60.7%, 67.1%

OKLCH

0.2959 0.1032 9.8

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#540C21

#0C543F

Analogous

#540C45

#541B0C

#540C21

Triadic

#540C21

#21540C

#0C2154

Split Complementary

#540C21

#0C541B

#0C4554

Tetradic

#540C21

#45540C

#0C543F

#1B0C54

Color Blindness Simulation

Original

#540C21

Protanopia

#35341C

Deuteranopia

#393E1B

Tritanopia

#501817

Achromatopsia

#1D1D1D

CSS Usage

background-color: #540C21;
color: #540C21;
border-color: #540C21;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FCF2F5
100
#F9E2E8
200
#F6C1D0
300
#F094AF
400
#E75A83
500
#DF2058
600
#B31946
700
#8F1438
800
#70102C
900
#511023
950
#330A16

Contrast Checker

Text on white

14.47:1

AA Pass AAA Pass

Text on black

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