#540302

#540302

Color Values

HEX

#540302

RGB

84, 3, 2

HSL

0.7, 95.3%, 16.9%

HSV

0.7, 97.6%, 32.9%

CMYK

0.0%, 96.4%, 97.6%, 67.1%

OKLCH

0.2828 0.1121 29.0

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#540302

#025354

Analogous

#54022A

#542C02

#540302

Triadic

#540302

#025403

#030254

Split Complementary

#540302

#02542C

#022A54

Tetradic

#540302

#2A5402

#025354

#2C0254

Color Blindness Simulation

Original

#540302

Protanopia

#313002

Deuteranopia

#363C02

Tritanopia

#500202

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDFDF
200
#FDBAB9
300
#FC8987
400
#FB4947
500
#F90906
600
#C70705
700
#9F0604
800
#7D0403
900
#5A0807
950
#390504

Contrast Checker

Text on white

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