#8A7EEF

#8A7EEF

Color Values

HEX

#8A7EEF

RGB

138, 126, 239

HSL

246.4, 77.9%, 71.6%

HSV

246.4, 47.3%, 93.7%

CMYK

42.3%, 47.3%, 0.0%, 6.3%

OKLCH

0.6555 0.1638 285.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8A7EEF

#E3EF7E

Analogous

#7EABEF

#C37EEF

#8A7EEF

Triadic

#8A7EEF

#EF8A7E

#7EEF8A

Split Complementary

#8A7EEF

#EFC37E

#ABEF7E

Tetradic

#8A7EEF

#EF7EAB

#E3EF7E

#7EEFC3

Color Blindness Simulation

Original

#8A7EEF

Protanopia

#8585D4

Deuteranopia

#8686CD

Tritanopia

#89BEB9

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E4E1F9
200
#C5BFF7
300
#9C92F1
400
#6757EA
500
#311CE3
600
#2717B5
700
#201291
800
#190E71
900
#160E52
950
#0E0934

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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