#403D20

#403D20

Color Values

HEX

#403D20

RGB

64, 61, 32

HSL

54.4, 33.3%, 18.8%

HSV

54.4, 50.0%, 25.1%

CMYK

0.0%, 4.7%, 50.0%, 74.9%

OKLCH

0.3552 0.0454 103.3

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#403D20

#202340

Analogous

#402D20

#334020

#403D20

Triadic

#403D20

#20403D

#3D2040

Split Complementary

#403D20

#203340

#2D2040

Tetradic

#403D20

#20402D

#202340

#402033

Color Blindness Simulation

Original

#403D20

Protanopia

#3F3F27

Deuteranopia

#3F3F29

Tritanopia

#402D2E

Achromatopsia

#3C3C3C

CSS Usage

background-color: #403D20;
color: #403D20;
border-color: #403D20;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E7E5CF
300
#D6D2AD
400
#C0BA81
500
#AAA255
600
#888244
700
#6D6836
800
#55512B
900
#3F3C22
950
#282615

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

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