#822F2F

#822F2F

Color Values

HEX

#822F2F

RGB

130, 47, 47

HSL

0.0, 46.9%, 34.7%

HSV

0.0, 63.8%, 51.0%

CMYK

0.0%, 63.8%, 63.8%, 49.0%

OKLCH

0.4256 0.115 23.3

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#822F2F

#2F8282

Analogous

#822F58

#82582F

#822F2F

Triadic

#822F2F

#2F822F

#2F2F82

Split Complementary

#822F2F

#2F8258

#2F5882

Tetradic

#822F2F

#58822F

#2F8282

#582F82

Color Blindness Simulation

Original

#822F2F

Protanopia

#5E5D2F

Deuteranopia

#63692F

Tritanopia

#7E2F2F

Achromatopsia

#414141

CSS Usage

background-color: #822F2F;
color: #822F2F;
border-color: #822F2F;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCB
300
#DFA5A5
400
#CD7474
500
#BB4444
600
#963636
700
#782B2B
800
#5E2222
900
#451C1C
950
#2C1212

Contrast Checker

Text on white

8.76:1

AA Pass AAA Pass

Text on black

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