#830784

#830784

Color Values

HEX

#830784

RGB

131, 7, 132

HSL

299,5, 89,9%, 27,3%

HSV

299,5, 94,7%, 51,8%

CMYK

0,8%, 94,7%, 0,0%, 48,2%

OKLCH

0,4312 0,194 327,9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#830784

#088407

Analogous

#450784

#840747

#830784

Triadic

#830784

#848307

#078483

Split Complementary

#830784

#478407

#078445

Tetradic

#830784

#844507

#088407

#074784

Color Blindness Simulation

Original

#830784

Protanopia

#4D4C66

Deuteranopia

#545E5E

Tritanopia

#7D4E49

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F88BF9
400
#F44CF5
500
#F00DF2
600
#C00AC2
700
#9A089B
800
#780679
900
#570958
950
#370637

Contrast Checker

Text on white

9,02:1

AA Pass AAA Pass

Text on black

2,33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026