#AD89FB

#AD89FB

Color Values

HEX

#AD89FB

RGB

173, 137, 251

HSL

258.9, 93.4%, 76.1%

HSV

258.9, 45.4%, 98.4%

CMYK

31.1%, 45.4%, 0.0%, 1.6%

OKLCH

0.7114 0.164 296.6

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AD89FB

#D7FB89

Analogous

#899EFB

#E689FB

#AD89FB

Triadic

#AD89FB

#FBAD89

#89FBAD

Split Complementary

#AD89FB

#FBE689

#9EFB89

Tetradic

#AD89FB

#FB899E

#D7FB89

#89FBE6

Color Blindness Simulation

Original

#AD89FB

Protanopia

#9D9DDF

Deuteranopia

#A0A2D9

Tritanopia

#ABCAC5

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#CFBAFD
300
#AD89FB
400
#8049F9
500
#5308F7
600
#4307C5
700
#35059E
800
#2A047B
900
#210859
950
#150538

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026