#A889EC

#A889EC

Color Values

HEX

#A889EC

RGB

168, 137, 236

HSL

258.8, 72.3%, 73.1%

HSV

258.8, 41.9%, 92.5%

CMYK

28.8%, 41.9%, 0.0%, 7.5%

OKLCH

0.6989 0.144 296.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A889EC

#CDEC89

Analogous

#899BEC

#D989EC

#A889EC

Triadic

#A889EC

#ECA889

#89ECA8

Split Complementary

#A889EC

#ECD989

#9BEC89

Tetradic

#A889EC

#EC899B

#CDEC89

#89ECD9

Color Blindness Simulation

Original

#A889EC

Protanopia

#9B9AD4

Deuteranopia

#9C9FCE

Tritanopia

#A6C1BD

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F6F3FC
100
#E9E2F8
200
#D2C1F5
300
#B196EE
400
#875CE5
500
#5D23DC
600
#4A1CB0
700
#3C178D
800
#2F126E
900
#251150
950
#170B33

Contrast Checker

Text on white

2.82:1

AA Fail AAA Fail

Text on black

7.45:1

AA Pass AAA Pass

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