#540703

#540703

Color Values

HEX

#540703

RGB

84, 7, 3

HSL

3.0, 93.1%, 17.1%

HSV

3.0, 96.4%, 32.9%

CMYK

0.0%, 91.7%, 96.4%, 67.1%

OKLCH

0.2863 0.1087 29.8

Properties

Warm Dark Nearest: RAL 3004 Purple Red

Color Harmonies

Complementary

#540703

#035054

Analogous

#540328

#543003

#540703

Triadic

#540703

#035407

#070354

Split Complementary

#540703

#035430

#032854

Tetradic

#540703

#285403

#035054

#300354

Color Blindness Simulation

Original

#540703

Protanopia

#333204

Deuteranopia

#373D04

Tritanopia

#500505

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF2F1
100
#FBE0DF
200
#FDBDBA
300
#FB8F89
400
#F85249
500
#F61509
600
#C51107
700
#9E0D06
800
#7B0A04
900
#590C08
950
#380805

Contrast Checker

Text on white

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