#820582

#820582

Color Values

HEX

#820582

RGB

130, 5, 130

HSL

300.0, 92.6%, 26.5%

HSV

300.0, 96.2%, 51.0%

CMYK

0.0%, 96.2%, 0.0%, 49.0%

OKLCH

0.4275 0.1931 328.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#820582

#058205

Analogous

#440582

#820544

#820582

Triadic

#820582

#828205

#058282

Split Complementary

#820582

#448205

#058244

Tetradic

#820582

#824405

#058205

#054482

Color Blindness Simulation

Original

#820582

Protanopia

#4C4B64

Deuteranopia

#535C5C

Tritanopia

#7C4C47

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBAFC
300
#FA89FA
400
#F849F8
500
#F609F6
600
#C408C4
700
#9D069D
800
#7B057B
900
#590859
950
#380538

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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