#56181C

#56181C

Color Values

HEX

#56181C

RGB

86, 24, 28

HSL

356.1, 56.4%, 21.6%

HSV

356.1, 72.1%, 33.7%

CMYK

0.0%, 72.1%, 67.4%, 66.3%

OKLCH

0.3118 0.0915 20.6

Properties

Warm Dark Nearest: RAL 8012 Red Brown

Color Harmonies

Complementary

#56181C

#185652

Analogous

#56183B

#563318

#56181C

Triadic

#56181C

#1C5618

#181C56

Split Complementary

#56181C

#185633

#183B56

Tetradic

#56181C

#3B5618

#185652

#331856

Color Blindness Simulation

Original

#56181C

Protanopia

#3B3B1B

Deuteranopia

#3F431B

Tritanopia

#531A1A

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E5E6
200
#EFC7CA
300
#E49FA4
400
#D66B72
500
#C73841
600
#A02C34
700
#80242A
800
#641C20
900
#49181B
950
#2E0F11

Contrast Checker

Text on white

13.61:1

AA Pass AAA Pass

Text on black

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