#56100E

#56100E

Color Values

HEX

#56100E

RGB

86, 16, 14

HSL

1.7, 72.0%, 19.6%

HSV

1.7, 83.7%, 33.7%

CMYK

0.0%, 81.4%, 83.7%, 66.3%

OKLCH

0.2999 0.1019 27.1

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#56100E

#0E5456

Analogous

#560E30

#56340E

#56100E

Triadic

#56100E

#0E5610

#100E56

Split Complementary

#56100E

#0E5634

#0E3056

Tetradic

#56100E

#30560E

#0E5456

#340E56

Color Blindness Simulation

Original

#56100E

Protanopia

#38370E

Deuteranopia

#3C410F

Tritanopia

#520F0F

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C3C2
300
#EE9896
400
#E5615D
500
#DB2924
600
#AF211D
700
#8C1A17
800
#6E1412
900
#501311
950
#320C0B

Contrast Checker

Text on white

14.23:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026