#820972

#820972

Color Values

HEX

#820972

RGB

130, 9, 114

HSL

307.9, 87.1%, 27.3%

HSV

307.9, 93.1%, 51.0%

CMYK

0.0%, 93.1%, 12.3%, 49.0%

OKLCH

0.419 0.1799 335.2

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#820972

#098219

Analogous

#560982

#820936

#820972

Triadic

#820972

#728209

#097282

Split Complementary

#820972

#368209

#098256

Tetradic

#820972

#825609

#098219

#093682

Color Blindness Simulation

Original

#820972

Protanopia

#4E4D59

Deuteranopia

#555E52

Tritanopia

#7C4540

Achromatopsia

#2A2A2A

CSS Usage

background-color: #820972;
color: #820972;
border-color: #820972;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF2
300
#F78CE9
400
#F34EDD
500
#EF10D1
600
#BF0DA7
700
#990B86
800
#770869
900
#560A4C
950
#370730

Contrast Checker

Text on white

9.41:1

AA Pass AAA Pass

Text on black

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