#820202

#820202

Color Values

HEX

#820202

RGB

130, 2, 2

HSL

0.0, 97.0%, 25.9%

HSV

0.0, 98.5%, 51.0%

CMYK

0.0%, 98.5%, 98.5%, 49.0%

OKLCH

0.382 0.1552 29.0

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#820202

#028282

Analogous

#820242

#824202

#820202

Triadic

#820202

#028202

#020282

Split Complementary

#820202

#028242

#024282

Tetradic

#820202

#428202

#028282

#420282

Color Blindness Simulation

Original

#820202

Protanopia

#4B4902

Deuteranopia

#525C02

Tritanopia

#7C0202

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FEF1F1
100
#FCDEDE
200
#FEB9B9
300
#FD8686
400
#FC4545
500
#FB0404
600
#C90303
700
#A10202
800
#7E0202
900
#5B0606
950
#390404

Contrast Checker

Text on white

10.72:1

AA Pass AAA Pass

Text on black

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