#AB3366

#AB3366

Color Values

HEX

#AB3366

RGB

171, 51, 102

HSL

334.5, 54.1%, 43.5%

HSV

334.5, 70.2%, 67.1%

CMYK

0.0%, 70.2%, 40.4%, 32.9%

OKLCH

0.5142 0.1616 358.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AB3366

#33AB78

Analogous

#AB33A2

#AB3C33

#AB3366

Triadic

#AB3366

#66AB33

#3366AB

Split Complementary

#AB3366

#33AB3C

#33A2AB

Tetradic

#AB3366

#A2AB33

#33AB78

#3C33AB

Color Blindness Simulation

Original

#AB3366

Protanopia

#77765A

Deuteranopia

#7E8757

Tritanopia

#A5504E

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EFC8D8
300
#E3A1BD
400
#D46E99
500
#C43B75
600
#9D2F5E
700
#7E254B
800
#621D3B
900
#48192D
950
#2D101C

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