#AB06B2

#AB06B2

Color Values

HEX

#AB06B2

RGB

171, 6, 178

HSL

297.6, 93.5%, 36.1%

HSV

297.6, 96.6%, 69.8%

CMYK

3.9%, 96.6%, 0.0%, 30.2%

OKLCH

0.5261 0.2418 326.2

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#AB06B2

#0DB206

Analogous

#5506B2

#B20663

#AB06B2

Triadic

#AB06B2

#B2AB06

#06B2AB

Split Complementary

#AB06B2

#63B206

#06B255

Tetradic

#AB06B2

#B25506

#0DB206

#0663B2

Color Blindness Simulation

Original

#AB06B2

Protanopia

#646288

Deuteranopia

#6D797E

Tritanopia

#A36760

Achromatopsia

#353535

CSS Usage

background-color: #AB06B2;
color: #AB06B2;
border-color: #AB06B2;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F689FB
400
#F248F9
500
#ED08F7
600
#BE07C5
700
#98059E
800
#77047B
900
#560859
950
#360538

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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