#820973

#820973

Color Values

HEX

#820973

RGB

130, 9, 115

HSL

307.4, 87.1%, 27.3%

HSV

307.4, 93.1%, 51.0%

CMYK

0.0%, 93.1%, 11.5%, 49.0%

OKLCH

0.4196 0.1806 334.7

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#820973

#098218

Analogous

#550982

#820937

#820973

Triadic

#820973

#738209

#097382

Split Complementary

#820973

#378209

#098255

Tetradic

#820973

#825509

#098218

#093782

Color Blindness Simulation

Original

#820973

Protanopia

#4E4D59

Deuteranopia

#555E53

Tritanopia

#7C4541

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F7
200
#FABCF3
300
#F78CEA
400
#F34EDF
500
#EF10D3
600
#BF0DA9
700
#990B87
800
#77086A
900
#560A4D
950
#370731

Contrast Checker

Text on white

9.39:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026