#3D2F20

#3D2F20

Color Values

HEX

#3D2F20

RGB

61, 47, 32

HSL

31.0, 31.2%, 18.2%

HSV

31.0, 47.5%, 23.9%

CMYK

0.0%, 23.0%, 47.5%, 76.1%

OKLCH

0.3166 0.0322 68.2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D2F20

#202E3D

Analogous

#3D2020

#3C3D20

#3D2F20

Triadic

#3D2F20

#203D2F

#2F203D

Split Complementary

#3D2F20

#203C3D

#20203D

Tetradic

#3D2F20

#203D20

#202E3D

#3D203C

Color Blindness Simulation

Original

#3D2F20

Protanopia

#373724

Deuteranopia

#383924

Tritanopia

#3C2627

Achromatopsia

#313131

CSS Usage

background-color: #3D2F20;
color: #3D2F20;
border-color: #3D2F20;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E6DCD0
300
#D5C2AF
400
#BEA283
500
#A78158
600
#866746
700
#6B5238
800
#54402C
900
#3E3123
950
#271F16

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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