#AB689F

#AB689F

Color Values

HEX

#AB689F

RGB

171, 104, 159

HSL

310.7, 28.5%, 53.9%

HSV

310.7, 39.2%, 67.1%

CMYK

0.0%, 39.2%, 7.0%, 32.9%

OKLCH

0.6091 0.1124 333.7

Properties

Warm Light Nearest: Razzmic Berry

Color Harmonies

Complementary

#AB689F

#68AB74

Analogous

#9568AB

#AB687D

#AB689F

Triadic

#AB689F

#9FAB68

#689FAB

Split Complementary

#AB689F

#7DAB68

#68AB95

Tetradic

#AB689F

#AB9568

#68AB74

#687DAB

Color Blindness Simulation

Original

#AB689F

Protanopia

#8E8D92

Deuteranopia

#92978E

Tritanopia

#A88785

Achromatopsia

#7A7A7A

CSS Usage

background-color: #AB689F;
color: #AB689F;
border-color: #AB689F;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#F9F5F9
100
#F1E9F0
200
#E5D1E2
300
#D3B0CD
400
#BC86B2
500
#A45B97
600
#834979
700
#693A61
800
#522E4B
900
#3D2438
950
#261724

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

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