#830786

#830786

Color Values

HEX

#830786

RGB

131, 7, 134

HSL

298.6, 90.1%, 27.6%

HSV

298.6, 94.8%, 52.5%

CMYK

2.2%, 94.8%, 0.0%, 47.5%

OKLCH

0.4325 0.1954 327.1

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#830786

#0A8607

Analogous

#430786

#860749

#830786

Triadic

#830786

#868307

#078683

Split Complementary

#830786

#498607

#078643

Tetradic

#830786

#864307

#0A8607

#074986

Color Blindness Simulation

Original

#830786

Protanopia

#4D4C67

Deuteranopia

#545E60

Tritanopia

#7D4F4A

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABBFB
300
#F68BF9
400
#F24CF6
500
#ED0DF2
600
#BE0AC2
700
#98089B
800
#770679
900
#560958
950
#360637

Contrast Checker

Text on white

8.98:1

AA Pass AAA Pass

Text on black

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