#540407

#540407

Color Values

HEX

#540407

RGB

84, 4, 7

HSL

357.8, 90.9%, 17.3%

HSV

357.8, 95.2%, 32.9%

CMYK

0.0%, 95.2%, 91.7%, 67.1%

OKLCH

0.2843 0.1105 26.5

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#540407

#045451

Analogous

#54042F

#542904

#540407

Triadic

#540407

#075404

#040754

Split Complementary

#540407

#045429

#042F54

Tetradic

#540407

#2F5404

#045451

#290454

Color Blindness Simulation

Original

#540407

Protanopia

#313106

Deuteranopia

#363C06

Tritanopia

#500606

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE0
200
#FCBBBD
300
#F98A8E
400
#F64B51
500
#F30C14
600
#C30910
700
#9C070D
800
#7A060A
900
#58090C
950
#380607

Contrast Checker

Text on white

15.03:1

AA Pass AAA Pass

Text on black

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