#AB4FF0

#AB4FF0

Color Values

HEX

#AB4FF0

RGB

171, 79, 240

HSL

274.3, 84.3%, 62.5%

HSV

274.3, 67.1%, 94.1%

CMYK

28.8%, 67.1%, 0.0%, 5.9%

OKLCH

0.6184 0.2336 307.0

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AB4FF0

#94F04F

Analogous

#5A4FF0

#F04FE4

#AB4FF0

Triadic

#AB4FF0

#F0AB4F

#4FF0AB

Split Complementary

#AB4FF0

#E4F04F

#4FF05A

Tetradic

#AB4FF0

#F05A4F

#94F04F

#4FE4F0

Color Blindness Simulation

Original

#AB4FF0

Protanopia

#8382C9

Deuteranopia

#888FC0

Tritanopia

#A6AAA4

Achromatopsia

#6E6E6E

CSS Usage

background-color: #AB4FF0;
color: #AB4FF0;
border-color: #AB4FF0;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#E0BDF9
300
#C98EF5
400
#AC51F0
500
#8F14EB
600
#7210BC
700
#5B0D96
800
#470A75
900
#360C55
950
#220736

Contrast Checker

Text on white

4.11:1

AA Fail AAA Fail

Text on black

5.11:1

AA Pass AAA Fail

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