#422215

#422215

Color Values

HEX

#422215

RGB

66, 34, 21

HSL

17.3, 51.7%, 17.1%

HSV

17.3, 68.2%, 25.9%

CMYK

0.0%, 48.5%, 68.2%, 74.1%

OKLCH

0.2919 0.054 42.5

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#422215

#153542

Analogous

#42151F

#423915

#422215

Triadic

#422215

#154222

#221542

Split Complementary

#422215

#154239

#151F42

Tetradic

#422215

#1F4215

#153542

#391542

Color Blindness Simulation

Original

#422215

Protanopia

#343418

Deuteranopia

#363819

Tritanopia

#401B1B

Achromatopsia

#282828

CSS Usage

background-color: #422215;
color: #422215;
border-color: #422215;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF6F4
100
#F5EAE5
200
#EED3C9
300
#E1B4A2
400
#D18C70
500
#C1643E
600
#9B5031
700
#7C4027
800
#61321F
900
#47271A
950
#2D1910

Contrast Checker

Text on white

14.27:1

AA Pass AAA Pass

Text on black

1.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026