#422C23

#422C23

Color Values

HEX

#422C23

RGB

66, 44, 35

HSL

17.4, 30.7%, 19.8%

HSV

17.4, 47.0%, 25.9%

CMYK

0.0%, 33.3%, 47.0%, 74.1%

OKLCH

0.3168 0.0364 43.1

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#422C23

#233942

Analogous

#422329

#423B23

#422C23

Triadic

#422C23

#23422C

#2C2342

Split Complementary

#422C23

#23423B

#232942

Tetradic

#422C23

#294223

#233942

#3B2342

Color Blindness Simulation

Original

#422C23

Protanopia

#383825

Deuteranopia

#3A3B26

Tritanopia

#412727

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2EBE8
200
#E6D7D0
300
#D5BAAF
400
#BE9484
500
#A76F58
600
#855947
700
#6B4739
800
#53382C
900
#3E2B23
950
#271B16

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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