#AB496F

#AB496F

Color Values

HEX

#AB496F

RGB

171, 73, 111

HSL

336.7, 40.2%, 47.8%

HSV

336.7, 57.3%, 67.1%

CMYK

0.0%, 57.3%, 35.1%, 32.9%

OKLCH

0.5437 0.1344 358.2

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#AB496F

#49AB85

Analogous

#AB49A0

#AB5449

#AB496F

Triadic

#AB496F

#6FAB49

#496FAB

Split Complementary

#AB496F

#49AB54

#49A0AB

Tetradic

#AB496F

#A0AB49

#49AB85

#5449AB

Color Blindness Simulation

Original

#AB496F

Protanopia

#818066

Deuteranopia

#868E64

Tritanopia

#A65F5D

Achromatopsia

#616161

CSS Usage

background-color: #AB496F;
color: #AB496F;
border-color: #AB496F;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#EACDD8
300
#DAA9BC
400
#C77B98
500
#B34C74
600
#8F3D5D
700
#72314A
800
#59263A
900
#421F2D
950
#2A141C

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026