#8F64AA

#8F64AA

Color Values

HEX

#8F64AA

RGB

143, 100, 170

HSL

276.9, 29.2%, 52.9%

HSV

276.9, 41.2%, 66.7%

CMYK

15.9%, 41.2%, 0.0%, 33.3%

OKLCH

0.5755 0.1142 311.5

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#8F64AA

#7FAA64

Analogous

#6C64AA

#AA64A2

#8F64AA

Triadic

#8F64AA

#AA8F64

#64AA8F

Split Complementary

#8F64AA

#A2AA64

#64AA6C

Tetradic

#8F64AA

#AA6C64

#7FAA64

#64A2AA

Color Blindness Simulation

Original

#8F64AA

Protanopia

#7C7C99

Deuteranopia

#7F8295

Tritanopia

#8D8C89

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6B0D4
400
#A785BC
500
#885AA5
600
#6D4884
700
#573A69
800
#442D52
900
#33243D
950
#201727

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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