#8F3FCE

#8F3FCE

Color Values

HEX

#8F3FCE

RGB

143, 63, 206

HSL

273.6, 59.3%, 52.7%

HSV

273.6, 69.4%, 80.8%

CMYK

30.6%, 69.4%, 0.0%, 19.2%

OKLCH

0.5432 0.2118 306.1

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8F3FCE

#7ECE3F

Analogous

#473FCE

#CE3FC5

#8F3FCE

Triadic

#8F3FCE

#CE8F3F

#3FCE8F

Split Complementary

#8F3FCE

#C5CE3F

#3FCE47

Tetradic

#8F3FCE

#CE473F

#7ECE3F

#3FC5CE

Color Blindness Simulation

Original

#8F3FCE

Protanopia

#6C6CAB

Deuteranopia

#7177A3

Tritanopia

#8B908A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #8F3FCE;
color: #8F3FCE;
border-color: #8F3FCE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F0
300
#C69EE6
400
#A769D9
500
#8934CB
600
#6D2AA2
700
#572182
800
#441A66
900
#34174A
950
#210E2F

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026