#AB7EC3

#AB7EC3

Color Values

HEX

#AB7EC3

RGB

171, 126, 195

HSL

279.1, 36.5%, 62.9%

HSV

279.1, 35.4%, 76.5%

CMYK

12.3%, 35.4%, 0.0%, 23.5%

OKLCH

0.6624 0.1109 313.4

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AB7EC3

#96C37E

Analogous

#887EC3

#C37EB8

#AB7EC3

Triadic

#AB7EC3

#C3AB7E

#7EC3AB

Split Complementary

#AB7EC3

#B8C37E

#7EC388

Tetradic

#AB7EC3

#C3887E

#96C37E

#7EB8C3

Color Blindness Simulation

Original

#AB7EC3

Protanopia

#9897B2

Deuteranopia

#9A9EAE

Tritanopia

#A9A5A2

Achromatopsia

#8D8D8D

CSS Usage

background-color: #AB7EC3;
color: #AB7EC3;
border-color: #AB7EC3;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE8
300
#C9ABD8
400
#AB7EC3
500
#8E51AE
600
#71418B
700
#5B346F
800
#472857
900
#352140
950
#221529

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

6.5:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026