#322416

#322416

Color Values

HEX

#322416

RGB

50, 36, 22

HSL

30.0, 38.9%, 14.1%

HSV

30.0, 56.0%, 19.6%

CMYK

0.0%, 28.0%, 56.0%, 80.4%

OKLCH

0.273 0.032 65.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322416

#162432

Analogous

#321616

#323216

#322416

Triadic

#322416

#163224

#241632

Split Complementary

#322416

#163232

#161632

Tetradic

#322416

#163216

#162432

#321632

Color Blindness Simulation

Original

#322416

Protanopia

#2C2C19

Deuteranopia

#2D2E1A

Tritanopia

#311C1D

Achromatopsia

#262626

CSS Usage

background-color: #322416;
color: #322416;
border-color: #322416;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DBCD
300
#DAC2AA
400
#C5A17C
500
#B1804E
600
#8E663E
700
#715232
800
#594027
900
#41301F
950
#291F14

Contrast Checker

Text on white

15.0:1

AA Pass AAA Pass

Text on black

1.4:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026