#821815

#821815

Color Values

HEX

#821815

RGB

130, 24, 21

HSL

1.7, 72.2%, 29.6%

HSV

1.7, 83.8%, 51.0%

CMYK

0.0%, 81.5%, 83.8%, 49.0%

OKLCH

0.3961 0.1414 27.7

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#821815

#157F82

Analogous

#821548

#824F15

#821815

Triadic

#821815

#158218

#181582

Split Complementary

#821815

#15824F

#154882

Tetradic

#821815

#488215

#157F82

#4F1582

Color Blindness Simulation

Original

#821815

Protanopia

#545316

Deuteranopia

#5A6216

Tritanopia

#7D1616

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C3C2
300
#EE9896
400
#E5605D
500
#DC2923
600
#B0211C
700
#8D1A17
800
#6E1412
900
#501311
950
#320C0B

Contrast Checker

Text on white

10.04:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026