#402B20

#402B20

Color Values

HEX

#402B20

RGB

64, 43, 32

HSL

20.6, 33.3%, 18.8%

HSV

20.6, 50.0%, 25.1%

CMYK

0.0%, 32.8%, 50.0%, 74.9%

OKLCH

0.311 0.0366 48.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#402B20

#203540

Analogous

#402025

#403B20

#402B20

Triadic

#402B20

#20402B

#2B2040

Split Complementary

#402B20

#20403B

#202540

Tetradic

#402B20

#254020

#203540

#3B2040

Color Blindness Simulation

Original

#402B20

Protanopia

#373723

Deuteranopia

#383A23

Tritanopia

#3F2525

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F2ECE8
200
#E7D8CF
300
#D6BBAD
400
#C09781
500
#AA7255
600
#885B44
700
#6D4936
800
#55392B
900
#3F2C22
950
#281C15

Contrast Checker

Text on white

13.25:1

AA Pass AAA Pass

Text on black

1.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026