#3D2F1F

#3D2F1F

Color Values

HEX

#3D2F1F

RGB

61, 47, 31

HSL

32.0, 32.6%, 18.0%

HSV

32.0, 49.2%, 23.9%

CMYK

0.0%, 23.0%, 49.2%, 76.1%

OKLCH

0.3164 0.0334 69.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D2F1F

#1F2D3D

Analogous

#3D201F

#3C3D1F

#3D2F1F

Triadic

#3D2F1F

#1F3D2F

#2F1F3D

Split Complementary

#3D2F1F

#1F3C3D

#201F3D

Tetradic

#3D2F1F

#1F3D20

#1F2D3D

#3D1F3C

Color Blindness Simulation

Original

#3D2F1F

Protanopia

#373723

Deuteranopia

#383924

Tritanopia

#3C2627

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EDE8
200
#E7DCD0
300
#D6C3AE
400
#BFA382
500
#A98256
600
#876845
700
#6C5337
800
#55412B
900
#3F3122
950
#281F16

Contrast Checker

Text on white

12.92:1

AA Pass AAA Pass

Text on black

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