#820F76

#820F76

Color Values

HEX

#820F76

RGB

130, 15, 118

HSL

306.3, 79.3%, 28.4%

HSV

306.3, 88.5%, 51.0%

CMYK

0.0%, 88.5%, 9.2%, 49.0%

OKLCH

0.4239 0.1792 333.4

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#820F76

#0F821B

Analogous

#540F82

#820F3C

#820F76

Triadic

#820F76

#76820F

#0F7682

Split Complementary

#820F76

#3C820F

#0F8254

Tetradic

#820F76

#82540F

#0F821B

#0F3C82

Color Blindness Simulation

Original

#820F76

Protanopia

#504F5D

Deuteranopia

#576057

Tritanopia

#7C4945

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#F9E1F7
200
#F8BFF2
300
#F291E8
400
#EB56DC
500
#E51ACF
600
#B715A6
700
#921185
800
#720D68
900
#530E4C
950
#340930

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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