#803AC4

#803AC4

Color Values

HEX

#803AC4

RGB

128, 58, 196

HSL

270.4, 54.3%, 49.8%

HSV

270.4, 70.4%, 76.9%

CMYK

34.7%, 70.4%, 0.0%, 23.1%

OKLCH

0.5123 0.2041 303.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#803AC4

#7EC43A

Analogous

#3B3AC4

#C43AC3

#803AC4

Triadic

#803AC4

#C4803A

#3AC480

Split Complementary

#803AC4

#C3C43A

#3AC43B

Tetradic

#803AC4

#C43B3A

#7EC43A

#3AC3C4

Color Blindness Simulation

Original

#803AC4

Protanopia

#6261A3

Deuteranopia

#666B9B

Tritanopia

#7C8882

Achromatopsia

#535353

CSS Usage

background-color: #803AC4;
color: #803AC4;
border-color: #803AC4;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC8EF
300
#C2A1E3
400
#A16DD4
500
#803AC5
600
#672F9D
700
#52257E
800
#401D62
900
#311948
950
#1F102E

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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