#831282

#831282

Color Values

HEX

#831282

RGB

131, 18, 130

HSL

300.5, 75.8%, 29.2%

HSV

300.5, 86.3%, 51.4%

CMYK

0.0%, 86.3%, 0.8%, 48.6%

OKLCH

0.4345 0.1863 328.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#831282

#128313

Analogous

#4B1283

#83124A

#831282

Triadic

#831282

#828312

#128283

Split Complementary

#831282

#4A8312

#12834B

Tetradic

#831282

#834B12

#128313

#124A83

Color Blindness Simulation

Original

#831282

Protanopia

#525167

Deuteranopia

#596160

Tritanopia

#7D514D

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F6C0F6
300
#F093EF
400
#E859E7
500
#E01FDF
600
#B319B2
700
#8F148E
800
#700F6F
900
#520F51
950
#330A33

Contrast Checker

Text on white

8.85:1

AA Pass AAA Pass

Text on black

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