#332620

#332620

Color Values

HEX

#332620

RGB

51, 38, 32

HSL

18.9, 22.9%, 16.3%

HSV

18.9, 37.3%, 20.0%

CMYK

0.0%, 25.5%, 37.3%, 80.0%

OKLCH

0.2819 0.0225 46.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#332620

#202D33

Analogous

#332024

#333020

#332620

Triadic

#332620

#203326

#262033

Split Complementary

#332620

#203330

#202433

Tetradic

#332620

#243320

#202D33

#302033

Color Blindness Simulation

Original

#332620

Protanopia

#2D2D21

Deuteranopia

#2E2F22

Tritanopia

#322323

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D8D3
300
#D0BDB4
400
#B6998B
500
#9D7562
600
#7D5D4F
700
#644B3F
800
#4E3A31
900
#3A2D26
950
#251C18

Contrast Checker

Text on white

14.59:1

AA Pass AAA Pass

Text on black

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