#540107

#540107

Color Values

HEX

#540107

RGB

84, 1, 7

HSL

355.7, 97.6%, 16.7%

HSV

355.7, 98.8%, 32.9%

CMYK

0.0%, 98.8%, 91.7%, 67.1%

OKLCH

0.2817 0.113 25.4

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#540107

#01544E

Analogous

#540131

#542501

#540107

Triadic

#540107

#075401

#010754

Split Complementary

#540107

#015425

#013154

Tetradic

#540107

#315401

#01544E

#250154

Color Blindness Simulation

Original

#540107

Protanopia

#302F06

Deuteranopia

#353B05

Tritanopia

#500404

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE0
200
#FEB8BD
300
#FE868F
400
#FD4552
500
#FC0315
600
#CA0211
700
#A1020D
800
#7E020A
900
#5B060C
950
#390408

Contrast Checker

Text on white

15.17:1

AA Pass AAA Pass

Text on black

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