#821718

#821718

Color Values

HEX

#821718

RGB

130, 23, 24

HSL

359.4, 69.9%, 30.0%

HSV

359.4, 82.3%, 51.0%

CMYK

0.0%, 82.3%, 81.5%, 49.0%

OKLCH

0.3957 0.1418 26.3

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#821718

#178281

Analogous

#82174E

#824B17

#821718

Triadic

#821718

#188217

#171882

Split Complementary

#821718

#17824B

#174E82

Tetradic

#821718

#4E8217

#178281

#4B1782

Color Blindness Simulation

Original

#821718

Protanopia

#545318

Deuteranopia

#5A6218

Tritanopia

#7D1818

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C2C3
300
#ED9798
400
#E35F60
500
#D92628
600
#AD1F20
700
#8B191A
800
#6C1314
900
#4F1213
950
#320B0C

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

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