#403223

#403223

Color Values

HEX

#403223

RGB

64, 50, 35

HSL

31.0, 29.3%, 19.4%

HSV

31.0, 45.3%, 25.1%

CMYK

0.0%, 21.9%, 45.3%, 74.9%

OKLCH

0.3283 0.032 68.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#403223

#233140

Analogous

#402323

#3F4023

#403223

Triadic

#403223

#234032

#322340

Split Complementary

#403223

#233F40

#232340

Tetradic

#403223

#234023

#233140

#40233F

Color Blindness Simulation

Original

#403223

Protanopia

#3A3A27

Deuteranopia

#3B3C28

Tritanopia

#3F292A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE9
200
#E6DCD1
300
#D4C2B0
400
#BCA285
500
#A5815A
600
#846748
700
#6A523A
800
#52402D
900
#3D3124
950
#271F17

Contrast Checker

Text on white

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