#820575

#820575

Color Values

HEX

#820575

RGB

130, 5, 117

HSL

306.2, 92.6%, 26.5%

HSV

306.2, 96.2%, 51.0%

CMYK

0.0%, 96.2%, 10.0%, 49.0%

OKLCH

0.4193 0.184 333.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#820575

#058212

Analogous

#510582

#820537

#820575

Triadic

#820575

#758205

#057582

Split Complementary

#820575

#378205

#058251

Tetradic

#820575

#825105

#058212

#053782

Color Blindness Simulation

Original

#820575

Protanopia

#4C4B5A

Deuteranopia

#535C53

Tritanopia

#7C4440

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF8
200
#FCBAF6
300
#FA89EF
400
#F849E6
500
#F609DD
600
#C408B1
700
#9D068E
800
#7B056F
900
#590850
950
#380533

Contrast Checker

Text on white

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