#803AC7

#803AC7

Color Values

HEX

#803AC7

RGB

128, 58, 199

HSL

269.8, 55.7%, 50.4%

HSV

269.8, 70.9%, 78.0%

CMYK

35.7%, 70.9%, 0.0%, 22.0%

OKLCH

0.5146 0.2072 302.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#803AC7

#81C73A

Analogous

#3A3BC7

#C63AC7

#803AC7

Triadic

#803AC7

#C7803A

#3AC780

Split Complementary

#803AC7

#C7C63A

#3BC73A

Tetradic

#803AC7

#C73A3B

#81C73A

#3AC7C6

Color Blindness Simulation

Original

#803AC7

Protanopia

#6261A5

Deuteranopia

#666B9D

Tritanopia

#7C8A84

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC7EF
300
#C2A0E4
400
#A06CD5
500
#7F38C7
600
#662D9F
700
#51247F
800
#401C63
900
#301849
950
#1E0F2E

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

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