#422C27

#422C27

Color Values

HEX

#422C27

RGB

66, 44, 39

HSL

11.1, 25.7%, 20.6%

HSV

11.1, 40.9%, 25.9%

CMYK

0.0%, 33.3%, 40.9%, 74.1%

OKLCH

0.3179 0.0341 33.2

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#422C27

#273D42

Analogous

#422730

#423A27

#422C27

Triadic

#422C27

#27422C

#2C2742

Split Complementary

#422C27

#27423A

#273042

Tetradic

#422C27

#304227

#273D42

#3A2742

Color Blindness Simulation

Original

#422C27

Protanopia

#383828

Deuteranopia

#3A3B28

Tritanopia

#412929

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D2
300
#D2B8B2
400
#B99188
500
#A06B5F
600
#80554C
700
#67443D
800
#50352F
900
#3C2925
950
#261A18

Contrast Checker

Text on white

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