#8F3EB3

#8F3EB3

Color Values

HEX

#8F3EB3

RGB

143, 62, 179

HSL

281,5, 48,5%, 47,3%

HSV

281,5, 65,4%, 70,2%

CMYK

20,1%, 65,4%, 0,0%, 29,8%

OKLCH

0,5235 0,1857 313,7

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#8F3EB3

#62B33E

Analogous

#553EB3

#B33E9D

#8F3EB3

Triadic

#8F3EB3

#B38F3E

#3EB38F

Split Complementary

#8F3EB3

#9DB33E

#3EB355

Tetradic

#8F3EB3

#B3553E

#62B33E

#3E9DB3

Color Blindness Simulation

Original

#8F3EB3

Protanopia

#6C6B97

Deuteranopia

#717790

Tritanopia

#8B807B

Achromatopsia

#585858

CSS Usage

background-color: #8F3EB3;
color: #8F3EB3;
border-color: #8F3EB3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FB
100
#F0E6F5
200
#E2CAED
300
#CDA4DF
400
#B273CE
500
#9742BD
600
#793597
700
#612A79
800
#4C215F
900
#391B46
950
#24112C

Contrast Checker

Text on white

5,99:1

AA Pass AAA Fail

Text on black

3,51:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026