#AD416B

#AD416B

Color Values

HEX

#AD416B

RGB

173, 65, 107

HSL

336.7, 45.4%, 46.7%

HSV

336.7, 62.4%, 67.8%

CMYK

0.0%, 62.4%, 38.2%, 32.2%

OKLCH

0.535 0.1467 359.2

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#AD416B

#41AD83

Analogous

#AD41A1

#AD4D41

#AD416B

Triadic

#AD416B

#6BAD41

#416BAD

Split Complementary

#AD416B

#41AD4D

#41A1AD

Tetradic

#AD416B

#A1AD41

#41AD83

#4D41AD

Color Blindness Simulation

Original

#AD416B

Protanopia

#7E7D61

Deuteranopia

#848D5E

Tritanopia

#A85957

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CB7697
500
#B94673
600
#94385C
700
#772D49
800
#5D2339
900
#441D2C
950
#2B121C

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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