#3D2C15

#3D2C15

Color Values

HEX

#3D2C15

RGB

61, 44, 21

HSL

34.5, 48.8%, 16.1%

HSV

34.5, 65.6%, 23.9%

CMYK

0.0%, 27.9%, 65.6%, 76.1%

OKLCH

0.3071 0.0439 73.3

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D2C15

#15263D

Analogous

#3D1815

#3A3D15

#3D2C15

Triadic

#3D2C15

#153D2C

#2C153D

Split Complementary

#3D2C15

#153A3D

#18153D

Tetradic

#3D2C15

#153D18

#15263D

#3D153A

Color Blindness Simulation

Original

#3D2C15

Protanopia

#36351B

Deuteranopia

#37381C

Tritanopia

#3C1F20

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE6
200
#EDDECA
300
#E0C6A4
400
#CFA873
500
#BE8941
600
#986D34
700
#79582A
800
#5F4421
900
#46341B
950
#2C2111

Contrast Checker

Text on white

13.38:1

AA Pass AAA Pass

Text on black

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