#822C2F

#822C2F

Color Values

HEX

#822C2F

RGB

130, 44, 47

HSL

357.9, 49.4%, 34.1%

HSV

357.9, 66.2%, 51.0%

CMYK

0.0%, 66.2%, 63.8%, 49.0%

OKLCH

0.4216 0.1186 21.8

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#822C2F

#2C827F

Analogous

#822C5A

#82542C

#822C2F

Triadic

#822C2F

#2F822C

#2C2F82

Split Complementary

#822C2F

#2C8254

#2C5A82

Tetradic

#822C2F

#5A822C

#2C827F

#542C82

Color Blindness Simulation

Original

#822C2F

Protanopia

#5D5C2E

Deuteranopia

#62682E

Tritanopia

#7E2E2E

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACB
300
#E0A4A6
400
#CF7275
500
#BE4145
600
#983437
700
#7A292C
800
#5F2022
900
#461B1C
950
#2C1112

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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