#AB4FAE

#AB4FAE

Color Values

HEX

#AB4FAE

RGB

171, 79, 174

HSL

298.1, 37.5%, 49.6%

HSV

298.1, 54.6%, 68.2%

CMYK

1.7%, 54.6%, 0.0%, 31.8%

OKLCH

0.5786 0.1691 326.3

Properties

Cool Dark Nearest: orchid 3

Color Harmonies

Complementary

#AB4FAE

#52AE4F

Analogous

#7B4FAE

#AE4F81

#AB4FAE

Triadic

#AB4FAE

#AEAB4F

#4FAEAB

Split Complementary

#AB4FAE

#81AE4F

#4FAE7B

Tetradic

#AB4FAE

#AE7B4F

#52AE4F

#4F81AE

Color Blindness Simulation

Original

#AB4FAE

Protanopia

#838297

Deuteranopia

#888F92

Tritanopia

#A68581

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F2E7F3
200
#E8CEE9
300
#D7ABD9
400
#C27DC4
500
#AC50AF
600
#8A408C
700
#6E3370
800
#562858
900
#402041
950
#281429

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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