#AB5AB7

#AB5AB7

Color Values

HEX

#AB5AB7

RGB

171, 90, 183

HSL

292.3, 39.2%, 53.5%

HSV

292.3, 50.8%, 71.8%

CMYK

6.6%, 50.8%, 0.0%, 28.2%

OKLCH

0.5984 0.16 322.3

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#AB5AB7

#66B75A

Analogous

#7C5AB7

#B75A94

#AB5AB7

Triadic

#AB5AB7

#B7AB5A

#5AB7AB

Split Complementary

#AB5AB7

#94B75A

#5AB77C

Tetradic

#AB5AB7

#B77C5A

#66B75A

#5A94B7

Color Blindness Simulation

Original

#AB5AB7

Protanopia

#8887A1

Deuteranopia

#8D939B

Tritanopia

#A78F8B

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F9F5FA
100
#F2E7F3
200
#E6CDE9
300
#D4AADA
400
#BC7CC6
500
#A54EB1
600
#843E8E
700
#693272
800
#522759
900
#3D1F42
950
#271429

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.88:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026