#831AB2

#831AB2

Color Values

HEX

#831AB2

RGB

131, 26, 178

HSL

281.4, 74.5%, 40.0%

HSV

281.4, 85.4%, 69.8%

CMYK

26.4%, 85.4%, 0.0%, 30.2%

OKLCH

0.4736 0.2191 311.7

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#831AB2

#49B21A

Analogous

#371AB2

#B21A95

#831AB2

Triadic

#831AB2

#B2831A

#1AB283

Split Complementary

#831AB2

#95B21A

#1AB237

Tetradic

#831AB2

#B2371A

#49B21A

#1A95B2

Color Blindness Simulation

Original

#831AB2

Protanopia

#56558D

Deuteranopia

#5C6384

Tritanopia

#7E706A

Achromatopsia

#3B3B3B

CSS Usage

background-color: #831AB2;
color: #831AB2;
border-color: #831AB2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F9F3FC
100
#F1E2F8
200
#E5C1F6
300
#D394EF
400
#BB5AE7
500
#A421DE
600
#831AB2
700
#69158E
800
#52106F
900
#3D1051
950
#260A33

Contrast Checker

Text on white

7.62:1

AA Pass AAA Pass

Text on black

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