#403C18

#403C18

Color Values

HEX

#403C18

RGB

64, 60, 24

HSL

54.0, 45.5%, 17.3%

HSV

54.0, 62.5%, 25.1%

CMYK

0.0%, 6.2%, 62.5%, 74.9%

OKLCH

0.3513 0.054 103.0

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#403C18

#181C40

Analogous

#402818

#304018

#403C18

Triadic

#403C18

#18403C

#3C1840

Split Complementary

#403C18

#183040

#281840

Tetradic

#403C18

#184028

#181C40

#401830

Color Blindness Simulation

Original

#403C18

Protanopia

#3E3E21

Deuteranopia

#3E3F23

Tritanopia

#402829

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F3E6
200
#ECE8CB
300
#DED8A6
400
#CCC376
500
#BAAE45
600
#948B38
700
#776F2C
800
#5D5723
900
#44401D
950
#2B2912

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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