#56313A

#56313A

Color Values

HEX

#56313A

RGB

86, 49, 58

HSL

345.4, 27.4%, 26.5%

HSV

345.4, 43.0%, 33.7%

CMYK

0.0%, 43.0%, 32.6%, 66.3%

OKLCH

0.3622 0.055 4.5

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#56313A

#31564D

Analogous

#56314D

#563B31

#56313A

Triadic

#56313A

#3A5631

#313A56

Split Complementary

#56313A

#31563B

#314D56

Tetradic

#56313A

#4D5631

#31564D

#3B3156

Color Blindness Simulation

Original

#56313A

Protanopia

#464638

Deuteranopia

#484B37

Tritanopia

#543636

Achromatopsia

#3A3A3A

CSS Usage

background-color: #56313A;
color: #56313A;
border-color: #56313A;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E5D2D6
300
#D3B1B9
400
#BB8793
500
#A25D6E
600
#824A58
700
#683B46
800
#512E37
900
#3C252A
950
#26171B

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

1.9:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026