#402F16

#402F16

Color Values

HEX

#402F16

RGB

64, 47, 22

HSL

35.7, 48.8%, 16.9%

HSV

35.7, 65.6%, 25.1%

CMYK

0.0%, 26.6%, 65.6%, 74.9%

OKLCH

0.3184 0.0459 75.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#402F16

#162740

Analogous

#401A16

#3C4016

#402F16

Triadic

#402F16

#16402F

#2F1640

Split Complementary

#402F16

#163C40

#1A1640

Tetradic

#402F16

#16401A

#162740

#40163C

Color Blindness Simulation

Original

#402F16

Protanopia

#39381C

Deuteranopia

#3A3B1E

Tritanopia

#3F2122

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EFE6
200
#EDDFCA
300
#E0C7A4
400
#CFA973
500
#BE8B41
600
#986F34
700
#79592A
800
#5F4621
900
#46341B
950
#2C2111

Contrast Checker

Text on white

12.83:1

AA Pass AAA Pass

Text on black

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