#821886

#821886

Color Values

HEX

#821886

RGB

130, 24, 134

HSL

297.8, 69.6%, 31.0%

HSV

297.8, 82.1%, 52.5%

CMYK

3.0%, 82.1%, 0.0%, 47.5%

OKLCH

0.439 0.1842 326.5

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#821886

#1C8618

Analogous

#4B1886

#861853

#821886

Triadic

#821886

#868218

#188682

Split Complementary

#821886

#538618

#18864B

Tetradic

#821886

#864B18

#1C8618

#185386

Color Blindness Simulation

Original

#821886

Protanopia

#54536B

Deuteranopia

#5A6265

Tritanopia

#7D5652

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F8
200
#F2C2F4
300
#E997EC
400
#DE5FE2
500
#D227D8
600
#A81FAD
700
#86198A
800
#69136C
900
#4D124F
950
#300B32

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

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