#820B0A

#820B0A

Color Values

HEX

#820B0A

RGB

130, 11, 10

HSL

0.5, 85.7%, 27.5%

HSV

0.5, 92.3%, 51.0%

CMYK

0.0%, 91.5%, 92.3%, 49.0%

OKLCH

0.3867 0.1505 28.3

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#820B0A

#0A8182

Analogous

#820A45

#82470A

#820B0A

Triadic

#820B0A

#0A820B

#0B0A82

Split Complementary

#820B0A

#0A8247

#0A4582

Tetradic

#820B0A

#45820A

#0A8182

#470A82

Color Blindness Simulation

Original

#820B0A

Protanopia

#4E4D0A

Deuteranopia

#555E0A

Tritanopia

#7C0A0A

Achromatopsia

#242424

CSS Usage

background-color: #820B0A;
color: #820B0A;
border-color: #820B0A;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF2F2
100
#FAE0E0
200
#FABDBD
300
#F68E8D
400
#F25150
500
#ED1412
600
#BD100F
700
#980D0C
800
#760A09
900
#560C0B
950
#360707

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

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