#56533F

#56533F

Color Values

HEX

#56533F

RGB

86, 83, 63

HSL

52.2, 15.4%, 29.2%

HSV

52.2, 26.7%, 33.7%

CMYK

0.0%, 3.5%, 26.7%, 66.3%

OKLCH

0.4392 0.0314 100.4

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#56533F

#3F4256

Analogous

#56473F

#4D563F

#56533F

Triadic

#56533F

#3F5653

#533F56

Split Complementary

#56533F

#3F4D56

#473F56

Tetradic

#56533F

#3F5647

#3F4256

#563F4D

Color Blindness Simulation

Original

#56533F

Protanopia

#555544

Deuteranopia

#555545

Tritanopia

#564848

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1DFD6
300
#CBC9B8
400
#AFAB92
500
#938E6C
600
#767256
700
#5E5B45
800
#4A4736
900
#37352A
950
#23221A

Contrast Checker

Text on white

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