#821217

#821217

Color Values

HEX

#821217

RGB

130, 18, 23

HSL

357.3, 75.7%, 29.0%

HSV

357.3, 86.2%, 51.0%

CMYK

0.0%, 86.2%, 82.3%, 49.0%

OKLCH

0.3919 0.1454 25.5

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#821217

#12827D

Analogous

#82124F

#824512

#821217

Triadic

#821217

#178212

#121782

Split Complementary

#821217

#128245

#124F82

Tetradic

#821217

#4F8212

#12827D

#451282

Color Blindness Simulation

Original

#821217

Protanopia

#515116

Deuteranopia

#586015

Tritanopia

#7C1515

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FCF2F3
100
#F9E2E3
200
#F6C0C3
300
#F09398
400
#E85960
500
#E01F28
600
#B31920
700
#8F1419
800
#700F14
900
#510F12
950
#330A0C

Contrast Checker

Text on white

10.25:1

AA Pass AAA Pass

Text on black

2.05:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026