#472223

#472223

Color Values

HEX

#472223

RGB

71, 34, 35

HSL

358.4, 35.2%, 20.6%

HSV

358.4, 52.1%, 27.8%

CMYK

0.0%, 52.1%, 50.7%, 72.2%

OKLCH

0.3032 0.0565 19.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#472223

#224746

Analogous

#472236

#473422

#472223

Triadic

#472223

#234722

#222347

Split Complementary

#472223

#224734

#223647

Tetradic

#472223

#364722

#224746

#342247

Color Blindness Simulation

Original

#472223

Protanopia

#373723

Deuteranopia

#393C23

Tritanopia

#452323

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8CFCF
300
#D7ACAD
400
#C27F81
500
#AC5355
600
#8A4244
700
#6E3536
800
#56292B
900
#402122
950
#281515

Contrast Checker

Text on white

13.81:1

AA Pass AAA Pass

Text on black

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