#56323D

#56323D

Color Values

HEX

#56323D

RGB

86, 50, 61

HSL

341.7, 26.5%, 26.7%

HSV

341.7, 41.9%, 33.7%

CMYK

0.0%, 41.9%, 29.1%, 66.3%

OKLCH

0.3652 0.0543 0.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#56323D

#32564B

Analogous

#56324F

#563932

#56323D

Triadic

#56323D

#3D5632

#323D56

Split Complementary

#56323D

#325639

#324F56

Tetradic

#56323D

#4F5632

#32564B

#393256

Color Blindness Simulation

Original

#56323D

Protanopia

#46463A

Deuteranopia

#484B3A

Tritanopia

#543838

Achromatopsia

#3A3A3A

CSS Usage

background-color: #56323D;
color: #56323D;
border-color: #56323D;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D8
300
#D2B2BB
400
#BA8897
500
#A15E72
600
#814B5B
700
#673C49
800
#512F39
900
#3C252C
950
#26171C

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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