#540108

#540108

Color Values

HEX

#540108

RGB

84, 1, 8

HSL

354.9, 97.6%, 16.7%

HSV

354.9, 98.8%, 32.9%

CMYK

0.0%, 98.8%, 90.5%, 67.1%

OKLCH

0.2819 0.1129 24.9

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#540108

#01544D

Analogous

#540132

#542401

#540108

Triadic

#540108

#085401

#010854

Split Complementary

#540108

#015424

#013254

Tetradic

#540108

#325401

#01544D

#240154

Color Blindness Simulation

Original

#540108

Protanopia

#302F06

Deuteranopia

#353B06

Tritanopia

#500505

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#FEF1F2
100
#FCDEE1
200
#FEB8BE
300
#FE8690
400
#FD4554
500
#FC0318
600
#CA0213
700
#A1020F
800
#7E020C
900
#5B060D
950
#390408

Contrast Checker

Text on white

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