#AB429F

#AB429F

Color Values

HEX

#AB429F

RGB

171, 66, 159

HSL

306.9, 44.3%, 46.5%

HSV

306.9, 61.4%, 67.1%

CMYK

0.0%, 61.4%, 7.0%, 32.9%

OKLCH

0.5548 0.1759 332.4

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#AB429F

#42AB4E

Analogous

#8342AB

#AB426A

#AB429F

Triadic

#AB429F

#9FAB42

#429FAB

Split Complementary

#AB429F

#6AAB42

#42AB83

Tetradic

#AB429F

#AB8342

#42AB4E

#426AAB

Color Blindness Simulation

Original

#AB429F

Protanopia

#7E7D89

Deuteranopia

#848C83

Tritanopia

#A67773

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F2
200
#EBCBE7
300
#DDA7D7
400
#CA77C1
500
#B847AB
600
#933989
700
#762D6D
800
#5C2455
900
#441D3F
950
#2B1228

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

4.01:1

AA Fail AAA Fail

Related Articles

Tutorials

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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026