#403522

#403522

Color Values

HEX

#403522

RGB

64, 53, 34

HSL

38.0, 30.6%, 19.2%

HSV

38.0, 46.9%, 25.1%

CMYK

0.0%, 17.2%, 46.9%, 74.9%

OKLCH

0.3354 0.0345 80.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#403522

#222D40

Analogous

#402622

#3C4022

#403522

Triadic

#403522

#224035

#352240

Split Complementary

#403522

#223C40

#262240

Tetradic

#403522

#224026

#222D40

#40223C

Color Blindness Simulation

Original

#403522

Protanopia

#3B3B27

Deuteranopia

#3C3D28

Tritanopia

#3F2A2B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EEE9
200
#E6DED0
300
#D5C7AF
400
#BEA884
500
#A78A58
600
#856E47
700
#6B5839
800
#53452C
900
#3E3423
950
#272116

Contrast Checker

Text on white

12.0:1

AA Pass AAA Pass

Text on black

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