#402F2E

#402F2E

Color Values

HEX

#402F2E

RGB

64, 47, 46

HSL

3.3, 16.4%, 21.6%

HSV

3.3, 28.1%, 25.1%

CMYK

0.0%, 26.6%, 28.1%, 74.9%

OKLCH

0.3243 0.0251 22.4

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#402F2E

#2E3F40

Analogous

#402E36

#40382E

#402F2E

Triadic

#402F2E

#2E402F

#2F2E40

Split Complementary

#402F2E

#2E4038

#2E3640

Tetradic

#402F2E

#36402E

#2E3F40

#382E40

Color Blindness Simulation

Original

#402F2E

Protanopia

#39382E

Deuteranopia

#3A3B2E

Tritanopia

#3F2E2E

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D5
300
#CCB9B8
400
#B09391
500
#946D6B
600
#775755
700
#5F4644
800
#4A3635
900
#382A29
950
#231B1A

Contrast Checker

Text on white

12.62:1

AA Pass AAA Pass

Text on black

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