#3C301C

#3C301C

Color Values

HEX

#3C301C

RGB

60, 48, 28

HSL

37.5, 36.4%, 17.3%

HSV

37.5, 53.3%, 23.5%

CMYK

0.0%, 20.0%, 53.3%, 76.5%

OKLCH

0.3169 0.0367 79.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3C301C

#1C283C

Analogous

#3C201C

#383C1C

#3C301C

Triadic

#3C301C

#1C3C30

#301C3C

Split Complementary

#3C301C

#1C383C

#201C3C

Tetradic

#3C301C

#1C3C20

#1C283C

#3C1C38

Color Blindness Simulation

Original

#3C301C

Protanopia

#373721

Deuteranopia

#383822

Tritanopia

#3B2526

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8DFCE
300
#D8C7AC
400
#C3A97E
500
#AE8B51
600
#8B6F41
700
#6F5934
800
#574629
900
#403421
950
#292115

Contrast Checker

Text on white

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