#422221

#422221

Color Values

HEX

#422221

RGB

66, 34, 33

HSL

1.8, 33.3%, 19.4%

HSV

1.8, 50.0%, 25.9%

CMYK

0.0%, 48.5%, 50.0%, 74.1%

OKLCH

0.2947 0.0494 22.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#422221

#214142

Analogous

#422130

#423221

#422221

Triadic

#422221

#214222

#222142

Split Complementary

#422221

#214232

#213042

Tetradic

#422221

#304221

#214142

#322142

Color Blindness Simulation

Original

#422221

Protanopia

#343421

Deuteranopia

#363821

Tritanopia

#402121

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7D0CF
300
#D6AFAD
400
#C08381
500
#AA5855
600
#884644
700
#6D3836
800
#552C2B
900
#3F2322
950
#281615

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

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