#AB3298

#AB3298

Color Values

HEX

#AB3298

RGB

171, 50, 152

HSL

309.4, 54.8%, 43.3%

HSV

309.4, 70.8%, 67.1%

CMYK

0.0%, 70.8%, 11.1%, 32.9%

OKLCH

0.5345 0.1918 335.0

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AB3298

#32AB45

Analogous

#8132AB

#AB325B

#AB3298

Triadic

#AB3298

#98AB32

#3298AB

Split Complementary

#AB3298

#5BAB32

#32AB81

Tetradic

#AB3298

#AB8132

#32AB45

#325BAB

Color Blindness Simulation

Original

#AB3298

Protanopia

#77767F

Deuteranopia

#7E8779

Tritanopia

#A56C68

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A0D9
400
#D46DC4
500
#C53AAF
600
#9E2E8C
700
#7E2570
800
#631D58
900
#481941
950
#2E1029

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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