#442522

#442522

Color Values

HEX

#442522

RGB

68, 37, 34

HSL

5.3, 33.3%, 20.0%

HSV

5.3, 50.0%, 26.7%

CMYK

0.0%, 45.6%, 50.0%, 73.3%

OKLCH

0.3042 0.0478 26.1

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#442522

#224144

Analogous

#442230

#443622

#442522

Triadic

#442522

#224425

#252244

Split Complementary

#442522

#224436

#223044

Tetradic

#442522

#304422

#224144

#362244

Color Blindness Simulation

Original

#442522

Protanopia

#373623

Deuteranopia

#383B23

Tritanopia

#422323

Achromatopsia

#2B2B2B

CSS Usage

background-color: #442522;
color: #442522;
border-color: #442522;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FAF6F5
100
#F2E9E8
200
#E7D2CF
300
#D6B1AD
400
#C08781
500
#AA5D55
600
#884A44
700
#6D3B36
800
#552E2B
900
#3F2422
950
#281715

Contrast Checker

Text on white

13.69:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026