#421E22

#421E22

Color Values

HEX

#421E22

RGB

66, 30, 34

HSL

353.3, 37.5%, 18.8%

HSV

353.3, 54.5%, 25.9%

CMYK

0.0%, 54.5%, 48.5%, 74.1%

OKLCH

0.2872 0.0557 14.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#421E22

#1E423E

Analogous

#421E34

#422C1E

#421E22

Triadic

#421E22

#22421E

#1E2242

Split Complementary

#421E22

#1E422C

#1E3442

Tetradic

#421E22

#34421E

#1E423E

#2C1E42

Color Blindness Simulation

Original

#421E22

Protanopia

#323221

Deuteranopia

#343721

Tritanopia

#402020

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E9
200
#E9CED1
300
#D9ABB0
400
#C47D85
500
#AF505A
600
#8C4048
700
#70333A
800
#58282D
900
#412024
950
#291417

Contrast Checker

Text on white

14.58:1

AA Pass AAA Pass

Text on black

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