#563234

#563234

Color Values

HEX

#563234

RGB

86, 50, 52

HSL

356.7, 26.5%, 26.7%

HSV

356.7, 41.9%, 33.7%

CMYK

0.0%, 41.9%, 39.5%, 66.3%

OKLCH

0.3623 0.0524 16.4

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#563234

#325654

Analogous

#563246

#564232

#563234

Triadic

#563234

#345632

#323456

Split Complementary

#563234

#325642

#324656

Tetradic

#563234

#465632

#325654

#423256

Color Blindness Simulation

Original

#563234

Protanopia

#464634

Deuteranopia

#484B33

Tritanopia

#543333

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D3
300
#D2B2B3
400
#BA888A
500
#A15E61
600
#814B4E
700
#673C3E
800
#512F31
900
#3C2526
950
#261718

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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