#3D331F

#3D331F

Color Values

HEX

#3D331F

RGB

61, 51, 31

HSL

40.0, 32.6%, 18.0%

HSV

40.0, 49.2%, 23.9%

CMYK

0.0%, 16.4%, 49.2%, 76.1%

OKLCH

0.3263 0.0353 84.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D331F

#1F293D

Analogous

#3D241F

#383D1F

#3D331F

Triadic

#3D331F

#1F3D33

#331F3D

Split Complementary

#3D331F

#1F383D

#241F3D

Tetradic

#3D331F

#1F3D24

#1F293D

#3D1F38

Color Blindness Simulation

Original

#3D331F

Protanopia

#393924

Deuteranopia

#393A25

Tritanopia

#3C2828

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D6C8AE
400
#BFAB82
500
#A98D56
600
#877145
700
#6C5A37
800
#55472B
900
#3F3522
950
#282216

Contrast Checker

Text on white

12.41:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026