#AB54B7

#AB54B7

Color Values

HEX

#AB54B7

RGB

171, 84, 183

HSL

292.7, 40.7%, 52.4%

HSV

292.7, 54.1%, 71.8%

CMYK

6.6%, 54.1%, 0.0%, 28.2%

OKLCH

0.59 0.1697 322.6

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#AB54B7

#60B754

Analogous

#7A54B7

#B75492

#AB54B7

Triadic

#AB54B7

#B7AB54

#54B7AB

Split Complementary

#AB54B7

#92B754

#54B77A

Tetradic

#AB54B7

#B77A54

#60B754

#5492B7

Color Blindness Simulation

Original

#AB54B7

Protanopia

#85859F

Deuteranopia

#8A9199

Tritanopia

#A78C88

Achromatopsia

#6E6E6E

CSS Usage

background-color: #AB54B7;
color: #AB54B7;
border-color: #AB54B7;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDEA
300
#D5A9DB
400
#BE7AC7
500
#A74CB3
600
#853C90
700
#6B3073
800
#53265A
900
#3E1F42
950
#27132A

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.68: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