#540C2C

#540C2C

Color Values

HEX

#540C2C

RGB

84, 12, 44

HSL

333.3, 75.0%, 18.8%

HSV

333.3, 85.7%, 32.9%

CMYK

0.0%, 85.7%, 47.6%, 67.1%

OKLCH

0.2996 0.1062 359.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#540C2C

#0C5434

Analogous

#540C50

#54100C

#540C2C

Triadic

#540C2C

#2C540C

#0C2C54

Split Complementary

#540C2C

#0C5410

#0C5054

Tetradic

#540C2C

#50540C

#0C5434

#100C54

Color Blindness Simulation

Original

#540C2C

Protanopia

#353424

Deuteranopia

#393E22

Tritanopia

#501E1D

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E2EC
200
#F6C1D8
300
#F094BD
400
#E75A99
500
#DF2075
600
#B3195E
700
#8F144B
800
#70103A
900
#51102D
950
#330A1C

Contrast Checker

Text on white

14.33:1

AA Pass AAA Pass

Text on black

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