#322516

#322516

Color Values

HEX

#322516

RGB

50, 37, 22

HSL

32.1, 38.9%, 14.1%

HSV

32.1, 56.0%, 19.6%

CMYK

0.0%, 26.0%, 56.0%, 80.4%

OKLCH

0.2755 0.0321 69.9

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#322516

#162332

Analogous

#321716

#313216

#322516

Triadic

#322516

#163225

#251632

Split Complementary

#322516

#163132

#171632

Tetradic

#322516

#163217

#162332

#321631

Color Blindness Simulation

Original

#322516

Protanopia

#2C2C1A

Deuteranopia

#2D2E1A

Tritanopia

#311C1D

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE7
200
#E9DCCD
300
#DAC3AA
400
#C5A37C
500
#B1834E
600
#8E693E
700
#715432
800
#594127
900
#41321F
950
#291F14

Contrast Checker

Text on white

14.87:1

AA Pass AAA Pass

Text on black

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