#AD1063

#AD1063

Color Values

HEX

#AD1063

RGB

173, 16, 99

HSL

328.3, 83.1%, 37.1%

HSV

328.3, 90.8%, 67.8%

CMYK

0.0%, 90.8%, 42.8%, 32.2%

OKLCH

0.4921 0.193 356.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD1063

#10AD5A

Analogous

#A910AD

#AD1014

#AD1063

Triadic

#AD1063

#63AD10

#1063AD

Split Complementary

#AD1063

#14AD10

#10ADA9

Tetradic

#AD1063

#ADA910

#10AD5A

#1014AD

Color Blindness Simulation

Original

#AD1063

Protanopia

#69684F

Deuteranopia

#727E4A

Tritanopia

#A53F3C

Achromatopsia

#373737

CSS Usage

background-color: #AD1063;
color: #AD1063;
border-color: #AD1063;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FDF2F8
100
#FAE1EE
200
#F9BEDD
300
#F58FC5
400
#EF52A5
500
#E91686
600
#BB116B
700
#950E55
800
#750B43
900
#550C33
950
#350820

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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