#422B27

#422B27

Color Values

HEX

#422B27

RGB

66, 43, 39

HSL

8.9, 25.7%, 20.6%

HSV

8.9, 40.9%, 25.9%

CMYK

0.0%, 34.8%, 40.9%, 74.1%

OKLCH

0.3157 0.0353 30.1

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#422B27

#273E42

Analogous

#422731

#423927

#422B27

Triadic

#422B27

#27422B

#2B2742

Split Complementary

#422B27

#274239

#273142

Tetradic

#422B27

#314227

#273E42

#392742

Color Blindness Simulation

Original

#422B27

Protanopia

#383828

Deuteranopia

#393B28

Tritanopia

#412929

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E4D5D2
300
#D2B7B2
400
#B99088
500
#A0685F
600
#80544C
700
#67433D
800
#50342F
900
#3C2925
950
#261A18

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

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