#402F26

#402F26

Color Values

HEX

#402F26

RGB

64, 47, 38

HSL

20.8, 25.5%, 20.0%

HSV

20.8, 40.6%, 25.1%

CMYK

0.0%, 26.6%, 40.6%, 74.9%

OKLCH

0.3219 0.0295 49.2

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#402F26

#263740

Analogous

#40262A

#403C26

#402F26

Triadic

#402F26

#26402F

#2F2640

Split Complementary

#402F26

#26403C

#262A40

Tetradic

#402F26

#2A4026

#263740

#3C2640

Color Blindness Simulation

Original

#402F26

Protanopia

#393828

Deuteranopia

#3A3B29

Tritanopia

#3F2A2A

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E4D9D2
300
#D1BDB2
400
#B99989
500
#A0765F
600
#805E4C
700
#664B3D
800
#503B2F
900
#3C2D25
950
#261C18

Contrast Checker

Text on white

12.71:1

AA Pass AAA Pass

Text on black

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