#820C87

#820C87

Color Values

HEX

#820C87

RGB

130, 12, 135

HSL

297.6, 83.7%, 28.8%

HSV

297.6, 91.1%, 52.9%

CMYK

3.7%, 91.1%, 0.0%, 47.1%

OKLCH

0.4334 0.1933 326.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#820C87

#11870C

Analogous

#450C87

#870C4E

#820C87

Triadic

#820C87

#87820C

#0C8782

Split Complementary

#820C87

#4E870C

#0C8745

Tetradic

#820C87

#87450C

#11870C

#0C4E87

Color Blindness Simulation

Original

#820C87

Protanopia

#4F4E69

Deuteranopia

#565F62

Tritanopia

#7C524D

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F7BDF9
300
#F18FF5
400
#E952F0
500
#E215EA
600
#B511BB
700
#900D96
800
#710A75
900
#520C55
950
#340836

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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