#8F74CE

#8F74CE

Color Values

HEX

#8F74CE

RGB

143, 116, 206

HSL

258.0, 47.9%, 63.1%

HSV

258.0, 43.7%, 80.8%

CMYK

30.6%, 43.7%, 0.0%, 19.2%

OKLCH

0.6229 0.1342 296.1

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8F74CE

#B3CE74

Analogous

#7486CE

#BC74CE

#8F74CE

Triadic

#8F74CE

#CE8F74

#74CE8F

Split Complementary

#8F74CE

#CEBC74

#86CE74

Tetradic

#8F74CE

#CE7486

#B3CE74

#74CEBC

Color Blindness Simulation

Original

#8F74CE

Protanopia

#8383B8

Deuteranopia

#8587B3

Tritanopia

#8EA7A3

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F6F4FA
100
#EAE6F4
200
#D4CAEC
300
#B6A4DF
400
#8F73CE
500
#6742BD
600
#523597
700
#422B79
800
#34215E
900
#281C45
950
#19112C

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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