#56352A

#56352A

Color Values

HEX

#56352A

RGB

86, 53, 42

HSL

15.0, 34.4%, 25.1%

HSV

15.0, 51.2%, 33.7%

CMYK

0.0%, 38.4%, 51.2%, 66.3%

OKLCH

0.3657 0.0514 39.2

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#56352A

#2A4B56

Analogous

#562A35

#564B2A

#56352A

Triadic

#56352A

#2A5635

#352A56

Split Complementary

#56352A

#2A564B

#2A3556

Tetradic

#56352A

#35562A

#2A4B56

#4B2A56

Color Blindness Simulation

Original

#56352A

Protanopia

#48472D

Deuteranopia

#4A4C2D

Tritanopia

#542F2F

Achromatopsia

#3B3B3B

CSS Usage

background-color: #56352A;
color: #56352A;
border-color: #56352A;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F5
100
#F2EBE8
200
#E8D5CF
300
#D7B7AD
400
#C19080
500
#AB6A54
600
#895443
700
#6E4436
800
#56352A
900
#3F2921
950
#281A15

Contrast Checker

Text on white

10.83:1

AA Pass AAA Pass

Text on black

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