#403222

#403222

Color Values

HEX

#403222

RGB

64, 50, 34

HSL

32.0, 30.6%, 19.2%

HSV

32.0, 46.9%, 25.1%

CMYK

0.0%, 21.9%, 46.9%, 74.9%

OKLCH

0.3281 0.0332 70.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#403222

#223040

Analogous

#402322

#3F4022

#403222

Triadic

#403222

#224032

#322240

Split Complementary

#403222

#223F40

#232240

Tetradic

#403222

#224023

#223040

#40223F

Color Blindness Simulation

Original

#403222

Protanopia

#3A3A26

Deuteranopia

#3B3C27

Tritanopia

#3F292A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD0
300
#D5C3AF
400
#BEA384
500
#A78258
600
#856847
700
#6B5339
800
#53412C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

12.37:1

AA Pass AAA Pass

Text on black

1.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