#403217

#403217

Color Values

HEX

#403217

RGB

64, 50, 23

HSL

39.5, 47.1%, 17.1%

HSV

39.5, 64.1%, 25.1%

CMYK

0.0%, 21.9%, 64.1%, 74.9%

OKLCH

0.3259 0.0461 82.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#403217

#172540

Analogous

#401E17

#3A4017

#403217

Triadic

#403217

#174032

#321740

Split Complementary

#403217

#173A40

#1E1740

Tetradic

#403217

#17401E

#172540

#40173A

Color Blindness Simulation

Original

#403217

Protanopia

#3A3A1E

Deuteranopia

#3B3C1F

Tritanopia

#3F2324

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECE1CA
300
#DFCBA5
400
#CDAF74
500
#BC9343
600
#967536
700
#785E2B
800
#5E4922
900
#45371C
950
#2C2312

Contrast Checker

Text on white

12.45:1

AA Pass AAA Pass

Text on black

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