#884FF3

#884FF3

Color Values

HEX

#884FF3

RGB

136, 79, 243

HSL

260.9, 87.2%, 63.1%

HSV

260.9, 67.5%, 95.3%

CMYK

44.0%, 67.5%, 0.0%, 4.7%

OKLCH

0.5828 0.2312 293.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#884FF3

#BAF34F

Analogous

#4F68F3

#DA4FF3

#884FF3

Triadic

#884FF3

#F3884F

#4FF388

Split Complementary

#884FF3

#F3DA4F

#68F34F

Tetradic

#884FF3

#F34F68

#BAF34F

#4FF3DA

Color Blindness Simulation

Original

#884FF3

Protanopia

#6F6FCB

Deuteranopia

#7377C2

Tritanopia

#85ACA5

Achromatopsia

#676767

CSS Usage

background-color: #884FF3;
color: #884FF3;
border-color: #884FF3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F2FD
100
#E9E0FA
200
#D2BCFA
300
#B28CF7
400
#884EF3
500
#5E10EF
600
#4B0DBF
700
#3C0A99
800
#2F0877
900
#250A56
950
#170737

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026