#804FC2

#804FC2

Color Values

HEX

#804FC2

RGB

128, 79, 194

HSL

265,6, 48,5%, 53,5%

HSV

265,6, 59,3%, 76,1%

CMYK

34,0%, 59,3%, 0,0%, 23,9%

OKLCH

0,539 0,1737 300,3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#804FC2

#91C24F

Analogous

#4F57C2

#B94FC2

#804FC2

Triadic

#804FC2

#C2804F

#4FC280

Split Complementary

#804FC2

#C2B94F

#57C24F

Tetradic

#804FC2

#C24F57

#91C24F

#4FC2B9

Color Blindness Simulation

Original

#804FC2

Protanopia

#6B6AA6

Deuteranopia

#6E719F

Tritanopia

#7E908B

Achromatopsia

#626262

CSS Usage

background-color: #804FC2;
color: #804FC2;
border-color: #804FC2;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9CAED
300
#BDA4DF
400
#9A73CE
500
#7642BD
600
#5F3597
700
#4C2A79
800
#3B215F
900
#2D1B46
950
#1D112C

Contrast Checker

Text on white

5,5:1

AA Pass AAA Fail

Text on black

3,82: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