#403417

#403417

Color Values

HEX

#403417

RGB

64, 52, 23

HSL

42.4, 47.1%, 17.1%

HSV

42.4, 64.1%, 25.1%

CMYK

0.0%, 18.8%, 64.1%, 74.9%

OKLCH

0.3309 0.0473 87.2

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#403417

#172340

Analogous

#402017

#384017

#403417

Triadic

#403417

#174034

#341740

Split Complementary

#403417

#173840

#201740

Tetradic

#403417

#174020

#172340

#401738

Color Blindness Simulation

Original

#403417

Protanopia

#3B3B1E

Deuteranopia

#3C3C20

Tritanopia

#3F2425

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF9F4
100
#F4F0E6
200
#ECE2CA
300
#DFCEA5
400
#CDB374
500
#BC9843
600
#967A36
700
#78612B
800
#5E4C22
900
#45391C
950
#2C2412

Contrast Checker

Text on white

12.2:1

AA Pass AAA Pass

Text on black

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