#8F63BF

#8F63BF

Color Values

HEX

#8F63BF

RGB

143, 99, 191

HSL

268.7, 41.8%, 56.9%

HSV

268.7, 48.2%, 74.9%

CMYK

25.1%, 48.2%, 0.0%, 25.1%

OKLCH

0.5849 0.1422 304.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8F63BF

#93BF63

Analogous

#6365BF

#BD63BF

#8F63BF

Triadic

#8F63BF

#BF8F63

#63BF8F

Split Complementary

#8F63BF

#BFBD63

#65BF63

Tetradic

#8F63BF

#BF6365

#93BF63

#63BFBD

Color Blindness Simulation

Original

#8F63BF

Protanopia

#7C7CA9

Deuteranopia

#7E82A3

Tritanopia

#8D9793

Achromatopsia

#737373

CSS Usage

background-color: #8F63BF;
color: #8F63BF;
border-color: #8F63BF;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCCEA
300
#C1A8DB
400
#9F79C8
500
#7D4AB5
600
#643B91
700
#502F74
800
#3F255A
900
#301E43
950
#1E132A

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass 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