#540507

#540507

Color Values

HEX

#540507

RGB

84, 5, 7

HSL

358.5, 88.8%, 17.5%

HSV

358.5, 94.0%, 32.9%

CMYK

0.0%, 94.0%, 91.7%, 67.1%

OKLCH

0.2851 0.1097 26.8

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#540507

#055452

Analogous

#54052F

#542B05

#540507

Triadic

#540507

#075405

#050754

Split Complementary

#540507

#05542B

#052F54

Tetradic

#540507

#2F5405

#055452

#2B0554

Color Blindness Simulation

Original

#540507

Protanopia

#323107

Deuteranopia

#363C06

Tritanopia

#500606

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FBE0E0
200
#FBBCBD
300
#F88B8E
400
#F44D51
500
#F10E14
600
#C10B10
700
#9A090D
800
#78070A
900
#570A0C
950
#370607

Contrast Checker

Text on white

14.98:1

AA Pass AAA Pass

Text on black

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