#8F3AD4

#8F3AD4

Color Values

HEX

#8F3AD4

RGB

143, 58, 212

HSL

273.1, 64.2%, 52.9%

HSV

273.1, 72.6%, 83.1%

CMYK

32.5%, 72.6%, 0.0%, 16.9%

OKLCH

0.5422 0.2236 305.1

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8F3AD4

#7FD43A

Analogous

#423AD4

#D43ACC

#8F3AD4

Triadic

#8F3AD4

#D48F3A

#3AD48F

Split Complementary

#8F3AD4

#CCD43A

#3AD442

Tetradic

#8F3AD4

#D4423A

#7FD43A

#3ACCD4

Color Blindness Simulation

Original

#8F3AD4

Protanopia

#6A69AF

Deuteranopia

#6F76A6

Tritanopia

#8B918B

Achromatopsia

#575757

CSS Usage

background-color: #8F3AD4;
color: #8F3AD4;
border-color: #8F3AD4;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FC
100
#EEE3F7
200
#DEC4F2
300
#C69BE9
400
#A764DD
500
#882ED1
600
#6D25A7
700
#571D86
800
#441769
900
#33144C
950
#200D30

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

3.72:1

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