#402C29

#402C29

Color Values

HEX

#402C29

RGB

64, 44, 41

HSL

7.8, 21.9%, 20.6%

HSV

7.8, 35.9%, 25.1%

CMYK

0.0%, 31.2%, 35.9%, 74.9%

OKLCH

0.3158 0.0304 28.5

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#402C29

#293D40

Analogous

#402932

#403829

#402C29

Triadic

#402C29

#29402C

#2C2940

Split Complementary

#402C29

#294038

#293240

Tetradic

#402C29

#324029

#293D40

#382940

Color Blindness Simulation

Original

#402C29

Protanopia

#37372A

Deuteranopia

#383A2A

Tritanopia

#3F2A2A

Achromatopsia

#303030

CSS Usage

background-color: #402C29;
color: #402C29;
border-color: #402C29;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F0EBEA
200
#E3D6D3
300
#CFB8B4
400
#B5918C
500
#9B6B64
600
#7C5550
700
#634440
800
#4E3532
900
#3A2927
950
#251A19

Contrast Checker

Text on white

13.04:1

AA Pass AAA Pass

Text on black

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