#831983

#831983

Color Values

HEX

#831983

RGB

131, 25, 131

HSL

300.0, 67.9%, 30.6%

HSV

300.0, 80.9%, 51.4%

CMYK

0.0%, 80.9%, 0.0%, 48.6%

OKLCH

0.4394 0.1815 328.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#831983

#198319

Analogous

#4E1983

#83194E

#831983

Triadic

#831983

#838319

#198383

Split Complementary

#831983

#4E8319

#19834E

Tetradic

#831983

#834E19

#198319

#194E83

Color Blindness Simulation

Original

#831983

Protanopia

#555469

Deuteranopia

#5B6363

Tritanopia

#7E5551

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F4C3F4
300
#EB98EB
400
#E161E1
500
#D629D6
600
#AB21AB
700
#891A89
800
#6B146B
900
#4E134E
950
#310C31

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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