#A98CF7

#A98CF7

Color Values

HEX

#A98CF7

RGB

169, 140, 247

HSL

256.3, 87.0%, 75.9%

HSV

256.3, 43.3%, 96.9%

CMYK

31.6%, 43.3%, 0.0%, 3.1%

OKLCH

0.7109 0.1539 294.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A98CF7

#DAF78C

Analogous

#8CA4F7

#DF8CF7

#A98CF7

Triadic

#A98CF7

#F7A98C

#8CF7A9

Split Complementary

#A98CF7

#F7DF8C

#A4F78C

Tetradic

#A98CF7

#F78CA4

#DAF78C

#8CF7DF

Color Blindness Simulation

Original

#A98CF7

Protanopia

#9C9CDD

Deuteranopia

#9EA0D7

Tritanopia

#A8C9C4

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CDBCFA
300
#A98DF7
400
#7B4FF3
500
#4D11EE
600
#3D0DBF
700
#310B99
800
#260877
900
#1F0B56
950
#140737

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026