#804EF3

#804EF3

Color Values

HEX

#804EF3

RGB

128, 78, 243

HSL

258.2, 87.3%, 62.9%

HSV

258.2, 67.9%, 95.3%

CMYK

47.3%, 67.9%, 0.0%, 4.7%

OKLCH

0.5738 0.2322 291.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#804EF3

#C1F34E

Analogous

#4E6EF3

#D24EF3

#804EF3

Triadic

#804EF3

#F3804E

#4EF380

Split Complementary

#804EF3

#F3D24E

#6EF34E

Tetradic

#804EF3

#F34E6E

#C1F34E

#4EF3D2

Color Blindness Simulation

Original

#804EF3

Protanopia

#6A6ACB

Deuteranopia

#6D71C2

Tritanopia

#7EACA5

Achromatopsia

#656565

CSS Usage

background-color: #804EF3;
color: #804EF3;
border-color: #804EF3;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E8E0FA
200
#CFBCFA
300
#AD8CF7
400
#804EF3
500
#5410EF
600
#430DBF
700
#360A99
800
#2A0877
900
#210A57
950
#150737

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3: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