#821689

#821689

Color Values

HEX

#821689

RGB

130, 22, 137

HSL

296.3, 72.3%, 31.2%

HSV

296.3, 83.9%, 53.7%

CMYK

5.1%, 83.9%, 0.0%, 46.3%

OKLCH

0.4397 0.1882 325.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#821689

#1D8916

Analogous

#481689

#891657

#821689

Triadic

#821689

#898216

#168982

Split Complementary

#821689

#578916

#168948

Tetradic

#821689

#894816

#1D8916

#165789

Color Blindness Simulation

Original

#821689

Protanopia

#53526D

Deuteranopia

#5A6266

Tritanopia

#7D5752

Achromatopsia

#353535

CSS Usage

background-color: #821689;
color: #821689;
border-color: #821689;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF3FC
100
#F7E2F8
200
#F2C1F5
300
#E996EE
400
#DC5CE5
500
#D023DC
600
#A71CB0
700
#85178D
800
#68126E
900
#4C1150
950
#300B33

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

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