#AB6B96

#AB6B96

Color Values

HEX

#AB6B96

RGB

171, 107, 150

HSL

319.7, 27.6%, 54.5%

HSV

319.7, 37.4%, 67.1%

CMYK

0.0%, 37.4%, 12.3%, 32.9%

OKLCH

0.6106 0.0992 340.0

Properties

Warm Light Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#AB6B96

#6BAB80

Analogous

#A06BAB

#AB6B76

#AB6B96

Triadic

#AB6B96

#96AB6B

#6B96AB

Split Complementary

#AB6B96

#76AB6B

#6BABA0

Tetradic

#AB6B96

#ABA06B

#6BAB80

#6B76AB

Color Blindness Simulation

Original

#AB6B96

Protanopia

#8F8F8C

Deuteranopia

#939889

Tritanopia

#A88382

Achromatopsia

#7C7C7C

CSS Usage

background-color: #AB6B96;
color: #AB6B96;
border-color: #AB6B96;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D1DF
300
#D3B1C8
400
#BB87AA
500
#A35C8C
600
#824A70
700
#683B59
800
#512E46
900
#3C2435
950
#261721

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026