#431F22

#431F22

Color Values

HEX

#431F22

RGB

67, 31, 34

HSL

355.0, 36.7%, 19.2%

HSV

355.0, 53.7%, 26.3%

CMYK

0.0%, 53.7%, 49.3%, 73.7%

OKLCH

0.2907 0.0555 15.9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#431F22

#1F4340

Analogous

#431F34

#432E1F

#431F22

Triadic

#431F22

#22431F

#1F2243

Split Complementary

#431F22

#1F432E

#1F3443

Tetradic

#431F22

#34431F

#1F4340

#2E1F43

Color Blindness Simulation

Original

#431F22

Protanopia

#333321

Deuteranopia

#363821

Tritanopia

#412121

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E9
200
#E8CED0
300
#D8ABAF
400
#C37E84
500
#AE5159
600
#8B4147
700
#703439
800
#57282C
900
#402023
950
#291416

Contrast Checker

Text on white

14.41:1

AA Pass AAA Pass

Text on black

1.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026