#56533B

#56533B

Color Values

HEX

#56533B

RGB

86, 83, 59

HSL

53.3, 18.6%, 28.4%

HSV

53.3, 31.4%, 33.7%

CMYK

0.0%, 3.5%, 31.4%, 66.3%

OKLCH

0.4383 0.0373 101.8

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#56533B

#3B3E56

Analogous

#56453B

#4B563B

#56533B

Triadic

#56533B

#3B5653

#533B56

Split Complementary

#56533B

#3B4B56

#453B56

Tetradic

#56533B

#3B5645

#3B3E56

#563B4B

Color Blindness Simulation

Original

#56533B

Protanopia

#555541

Deuteranopia

#555542

Tritanopia

#564546

Achromatopsia

#525252

CSS Usage

background-color: #56533B;
color: #56533B;
border-color: #56533B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D5
300
#CDCBB6
400
#B2AE8F
500
#979268
600
#797553
700
#615D42
800
#4C4934
900
#393728
950
#242319

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

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