#AB56B5

#AB56B5

Color Values

HEX

#AB56B5

RGB

171, 86, 181

HSL

293.7, 39.1%, 52.4%

HSV

293.7, 52.5%, 71.0%

CMYK

5.5%, 52.5%, 0.0%, 29.0%

OKLCH

0.5917 0.1645 323.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#AB56B5

#60B556

Analogous

#7C56B5

#B55690

#AB56B5

Triadic

#AB56B5

#B5AB56

#56B5AB

Split Complementary

#AB56B5

#90B556

#56B57C

Tetradic

#AB56B5

#B57C56

#60B556

#5690B5

Color Blindness Simulation

Original

#AB56B5

Protanopia

#86859E

Deuteranopia

#8B9298

Tritanopia

#A78C88

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDE9
300
#D5AADA
400
#BE7CC6
500
#A74EB1
600
#863E8E
700
#6B3272
800
#532759
900
#3E1F41
950
#271429

Contrast Checker

Text on white

4.44:1

AA Fail AAA Fail

Text on black

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