#820C3B

#820C3B

Color Values

HEX

#820C3B

RGB

130, 12, 59

HSL

336.1, 83.1%, 27.8%

HSV

336.1, 90.8%, 51.0%

CMYK

0.0%, 90.8%, 54.6%, 49.0%

OKLCH

0.3959 0.1504 5.4

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#820C3B

#0C8253

Analogous

#820C76

#82180C

#820C3B

Triadic

#820C3B

#3B820C

#0C3B82

Split Complementary

#820C3B

#0C8218

#0C7682

Tetradic

#820C3B

#76820C

#0C8253

#180C82

Color Blindness Simulation

Original

#820C3B

Protanopia

#4F4E30

Deuteranopia

#565F2D

Tritanopia

#7C2725

Achromatopsia

#282828

CSS Usage

background-color: #820C3B;
color: #820C3B;
border-color: #820C3B;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED5
300
#F58FB7
400
#EF5291
500
#E9166A
600
#BB1155
700
#950E44
800
#750B35
900
#550C29
950
#35081A

Contrast Checker

Text on white

10.17:1

AA Pass AAA Pass

Text on black

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