#402209

#402209

Color Values

HEX

#402209

RGB

64, 34, 9

HSL

27.3, 75.3%, 14.3%

HSV

27.3, 85.9%, 25.1%

CMYK

0.0%, 46.9%, 85.9%, 74.9%

OKLCH

0.2869 0.0586 56.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#402209

#092740

Analogous

#40090B

#403D09

#402209

Triadic

#402209

#094022

#220940

Split Complementary

#402209

#09403D

#090B40

Tetradic

#402209

#0B4009

#092740

#3D0940

Color Blindness Simulation

Original

#402209

Protanopia

#33330F

Deuteranopia

#353710

Tritanopia

#3E1415

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F6D9C0
300
#F0BE94
400
#E89A5A
500
#E0771F
600
#B35F19
700
#8F4C14
800
#703B10
900
#512D10
950
#331D0A

Contrast Checker

Text on white

14.48:1

AA Pass AAA Pass

Text on black

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