#8314F4

#8314F4

Color Values

HEX

#8314F4

RGB

131, 20, 244

HSL

269.7, 91.1%, 51.8%

HSV

269.7, 91.8%, 95.7%

CMYK

46.3%, 91.8%, 0.0%, 4.3%

OKLCH

0.5285 0.2788 296.5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#8314F4

#85F414

Analogous

#1415F4

#F314F4

#8314F4

Triadic

#8314F4

#F48314

#14F483

Split Complementary

#8314F4

#F4F314

#15F414

Tetradic

#8314F4

#F41415

#85F414

#14F4F3

Color Blindness Simulation

Original

#8314F4

Protanopia

#5352BE

Deuteranopia

#5962B1

Tritanopia

#7D938A

Achromatopsia

#3C3C3C

CSS Usage

background-color: #8314F4;
color: #8314F4;
border-color: #8314F4;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C18AFA
400
#A04BF7
500
#7E0BF4
600
#6509C3
700
#51079C
800
#3F067A
900
#300958
950
#1E0638

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

3.37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026