#3D2C18

#3D2C18

Color Values

HEX

#3D2C18

RGB

61, 44, 24

HSL

32.4, 43.5%, 16.7%

HSV

32.4, 60.7%, 23.9%

CMYK

0.0%, 27.9%, 60.7%, 76.1%

OKLCH

0.3076 0.0407 69.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D2C18

#18293D

Analogous

#3D1A18

#3C3D18

#3D2C18

Triadic

#3D2C18

#183D2C

#2C183D

Split Complementary

#3D2C18

#183C3D

#1A183D

Tetradic

#3D2C18

#183D1A

#18293D

#3D183C

Color Blindness Simulation

Original

#3D2C18

Protanopia

#36351D

Deuteranopia

#37381E

Tritanopia

#3C2122

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EEE7
200
#EBDDCC
300
#DCC4A7
400
#CAA478
500
#B78448
600
#926A3A
700
#75542E
800
#5B4224
900
#43321D
950
#2B2013

Contrast Checker

Text on white

13.36:1

AA Pass AAA Pass

Text on black

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