#540203

#540203

Color Values

HEX

#540203

RGB

84, 2, 3

HSL

359.3, 95.3%, 16.9%

HSV

359.3, 97.6%, 32.9%

CMYK

0.0%, 97.6%, 96.4%, 67.1%

OKLCH

0.2821 0.1127 28.1

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#540203

#025453

Analogous

#54022C

#542A02

#540203

Triadic

#540203

#035402

#020354

Split Complementary

#540203

#02542A

#022C54

Tetradic

#540203

#2C5402

#025453

#2A0254

Color Blindness Simulation

Original

#540203

Protanopia

#303003

Deuteranopia

#353B03

Tritanopia

#500303

Achromatopsia

#141414

CSS Usage

background-color: #540203;
color: #540203;
border-color: #540203;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDB9BA
300
#FC8789
400
#FB4749
500
#F90609
600
#C70507
700
#9F0406
800
#7D0304
900
#5A0708
950
#390405

Contrast Checker

Text on white

15.14:1

AA Pass AAA Pass

Text on black

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