#803AC6

#803AC6

Color Values

HEX

#803AC6

RGB

128, 58, 198

HSL

270.0, 55.1%, 50.2%

HSV

270.0, 70.7%, 77.6%

CMYK

35.4%, 70.7%, 0.0%, 22.4%

OKLCH

0.5138 0.2062 302.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#803AC6

#80C63A

Analogous

#3A3AC6

#C63AC6

#803AC6

Triadic

#803AC6

#C6803A

#3AC680

Split Complementary

#803AC6

#C6C63A

#3AC63A

Tetradic

#803AC6

#C63A3A

#80C63A

#3AC6C6

Color Blindness Simulation

Original

#803AC6

Protanopia

#6261A4

Deuteranopia

#666B9C

Tritanopia

#7C8984

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C2A0E4
400
#A16DD5
500
#8039C6
600
#662E9E
700
#52257F
800
#401D63
900
#301848
950
#1F0F2E

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026