#8312ED

#8312ED

Color Values

HEX

#8312ED

RGB

131, 18, 237

HSL

271.0, 85.9%, 50.0%

HSV

271.0, 92.4%, 92.9%

CMYK

44.7%, 92.4%, 0.0%, 7.1%

OKLCH

0.5212 0.2735 297.9

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#8312ED

#7CED12

Analogous

#1612ED

#ED12E9

#8312ED

Triadic

#8312ED

#ED8312

#12ED83

Split Complementary

#8312ED

#E9ED12

#12ED16

Tetradic

#8312ED

#ED1612

#7CED12

#12E9ED

Color Blindness Simulation

Original

#8312ED

Protanopia

#5251B8

Deuteranopia

#5961AB

Tritanopia

#7D8E85

Achromatopsia

#3A3A3A

CSS Usage

background-color: #8312ED;
color: #8312ED;
border-color: #8312ED;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBDFA
300
#C48DF6
400
#A350F2
500
#8312ED
600
#690EBE
700
#540C98
800
#420977
900
#320B56
950
#1F0736

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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