#AB9AFD

#AB9AFD

Color Values

HEX

#AB9AFD

RGB

171, 154, 253

HSL

250,3, 96,1%, 79,8%

HSV

250,3, 39,1%, 99,2%

CMYK

32,4%, 39,1%, 0,0%, 0,8%

OKLCH

0,7407 0,1409 290,4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB9AFD

#ECFD9A

Analogous

#9ABAFD

#DC9AFD

#AB9AFD

Triadic

#AB9AFD

#FDAB9A

#9AFDAB

Split Complementary

#AB9AFD

#FDDC9A

#BAFD9A

Tetradic

#AB9AFD

#FD9ABA

#ECFD9A

#9AFDDC

Color Blindness Simulation

Original

#AB9AFD

Protanopia

#A4A3E5

Deuteranopia

#A5A6DF

Tritanopia

#AAD2CE

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E4DFFC
200
#C5B9FE
300
#9B87FD
400
#6546FB
500
#2F05FA
600
#2604C8
700
#1E03A0
800
#18027D
900
#15075A
950
#0D0439

Contrast Checker

Text on white

2,39:1

AA Fail AAA Fail

Text on black

8,77: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