#402716

#402716

Color Values

HEX

#402716

RGB

64, 39, 22

HSL

24.3, 48.8%, 16.9%

HSV

24.3, 65.6%, 25.1%

CMYK

0.0%, 39.1%, 65.6%, 74.9%

OKLCH

0.2998 0.0469 54.2

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#402716

#162F40

Analogous

#40161A

#403C16

#402716

Triadic

#402716

#164027

#271640

Split Complementary

#402716

#16403C

#161A40

Tetradic

#402716

#1A4016

#162F40

#3C1640

Color Blindness Simulation

Original

#402716

Protanopia

#35351A

Deuteranopia

#37381B

Tritanopia

#3F1D1E

Achromatopsia

#2B2B2B

CSS Usage

background-color: #402716;
color: #402716;
border-color: #402716;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF7F4
100
#F5ECE6
200
#EDD8CA
300
#E0BCA4
400
#CF9873
500
#BE7441
600
#985D34
700
#794A2A
800
#5F3A21
900
#462C1B
950
#2C1C11

Contrast Checker

Text on white

13.82:1

AA Pass AAA Pass

Text on black

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