#AB46F0

#AB46F0

Color Values

HEX

#AB46F0

RGB

171, 70, 240

HSL

275.6, 85.0%, 60.8%

HSV

275.6, 70.8%, 94.1%

CMYK

28.8%, 70.8%, 0.0%, 5.9%

OKLCH

0.6086 0.2442 307.8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AB46F0

#8BF046

Analogous

#5646F0

#F046E0

#AB46F0

Triadic

#AB46F0

#F0AB46

#46F0AB

Split Complementary

#AB46F0

#E0F046

#46F056

Tetradic

#AB46F0

#F05646

#8BF046

#46E0F0

Color Blindness Simulation

Original

#AB46F0

Protanopia

#7F7EC7

Deuteranopia

#858DBD

Tritanopia

#A6A69F

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E0FA
200
#E1BDFA
300
#CC8EF6
400
#B050F1
500
#9413EC
600
#760FBD
700
#5F0C97
800
#4A0A76
900
#370B56
950
#230736

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

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