#822F22

#822F22

Color Values

HEX

#822F22

RGB

130, 47, 34

HSL

8.1, 58.5%, 32.2%

HSV

8.1, 73.8%, 51.0%

CMYK

0.0%, 63.8%, 73.8%, 49.0%

OKLCH

0.4234 0.1175 31.3

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#822F22

#227582

Analogous

#822245

#825F22

#822F22

Triadic

#822F22

#22822F

#2F2282

Split Complementary

#822F22

#22825F

#224582

Tetradic

#822F22

#458222

#227582

#5F2282

Color Blindness Simulation

Original

#822F22

Protanopia

#5E5D25

Deuteranopia

#636926

Tritanopia

#7E2828

Achromatopsia

#404040

CSS Usage

background-color: #822F22;
color: #822F22;
border-color: #822F22;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F6E7E4
200
#F0CCC6
300
#E6A89E
400
#D87869
500
#CA4935
600
#A23A2A
700
#812F22
800
#65251A
900
#4A1E17
950
#2F130E

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026