#8A4AF8

#8A4AF8

Color Values

HEX

#8A4AF8

RGB

138, 74, 248

HSL

262.1, 92.6%, 63.1%

HSV

262.1, 70.2%, 97.3%

CMYK

44.4%, 70.2%, 0.0%, 2.7%

OKLCH

0.5825 0.2425 294.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#8A4AF8

#B8F84A

Analogous

#4A61F8

#E14AF8

#8A4AF8

Triadic

#8A4AF8

#F88A4A

#4AF88A

Split Complementary

#8A4AF8

#F8E14A

#61F84A

Tetradic

#8A4AF8

#F84A61

#B8F84A

#4AF8E1

Color Blindness Simulation

Original

#8A4AF8

Protanopia

#6E6ECE

Deuteranopia

#7277C4

Tritanopia

#87ADA5

Achromatopsia

#646464

CSS Usage

background-color: #8A4AF8;
color: #8A4AF8;
border-color: #8A4AF8;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F6F1FD
100
#E9DFFB
200
#D3BAFC
300
#B389FA
400
#8A49F8
500
#6009F6
600
#4D08C4
700
#3E069D
800
#30057B
900
#260859
950
#180538

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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