#8A7BFA

#8A7BFA

Color Values

HEX

#8A7BFA

RGB

138, 123, 250

HSL

247.1, 92.7%, 73.1%

HSV

247.1, 50.8%, 98.0%

CMYK

44.8%, 50.8%, 0.0%, 2.0%

OKLCH

0.6569 0.1825 285.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8A7BFA

#EBFA7B

Analogous

#7BABFA

#C97BFA

#8A7BFA

Triadic

#8A7BFA

#FA8A7B

#7BFA8A

Split Complementary

#8A7BFA

#FAC97B

#ABFA7B

Tetradic

#8A7BFA

#FA7BAB

#EBFA7B

#7BFAC9

Color Blindness Simulation

Original

#8A7BFA

Protanopia

#8483DB

Deuteranopia

#8486D4

Tritanopia

#89C3BE

Achromatopsia

#878787

CSS Usage

background-color: #8A7BFA;
color: #8A7BFA;
border-color: #8A7BFA;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C2BAFC
300
#9689FB
400
#5E49F8
500
#2509F6
600
#1E07C5
700
#18069D
800
#13057B
900
#120859
950
#0B0538

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass 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