#AD1650

#AD1650

Color Values

HEX

#AD1650

RGB

173, 22, 80

HSL

337.0, 77.4%, 38.2%

HSV

337.0, 87.3%, 67.8%

CMYK

0.0%, 87.3%, 53.8%, 32.2%

OKLCH

0.4887 0.1839 6.0

Properties

Warm Dark Nearest: Jazzberry Jam

Color Harmonies

Complementary

#AD1650

#16AD73

Analogous

#AD169B

#AD2816

#AD1650

Triadic

#AD1650

#50AD16

#1650AD

Split Complementary

#AD1650

#16AD28

#169BAD

Tetradic

#AD1650

#9BAD16

#16AD73

#2816AD

Color Blindness Simulation

Original

#AD1650

Protanopia

#6C6A42

Deuteranopia

#74803F

Tritanopia

#A53734

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EA
200
#F7C0D5
300
#F192B7
400
#EA5890
500
#E21D68
600
#B51754
700
#911243
800
#710E34
900
#520F29
950
#34091A

Contrast Checker

Text on white

6.98:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026