#402C13

#402C13

Color Values

HEX

#402C13

RGB

64, 44, 19

HSL

33.3, 54.2%, 16.3%

HSV

33.3, 70.3%, 25.1%

CMYK

0.0%, 31.2%, 70.3%, 74.9%

OKLCH

0.3108 0.0483 70.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#402C13

#132740

Analogous

#401613

#3E4013

#402C13

Triadic

#402C13

#13402C

#2C1340

Split Complementary

#402C13

#133E40

#161340

Tetradic

#402C13

#134016

#132740

#40133E

Color Blindness Simulation

Original

#402C13

Protanopia

#373719

Deuteranopia

#383A1A

Tritanopia

#3F1E1F

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDDC8
300
#E3C5A1
400
#D4A66E
500
#C5873A
600
#9D6C2F
700
#7E5625
800
#62441D
900
#483319
950
#2E2010

Contrast Checker

Text on white

13.23:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026