#AD0548

#AD0548

Color Values

HEX

#AD0548

RGB

173, 5, 72

HSL

336.1, 94.4%, 34.9%

HSV

336.1, 97.1%, 67.8%

CMYK

0.0%, 97.1%, 58.4%, 32.2%

OKLCH

0.4804 0.1899 8.4

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#AD0548

#05AD6A

Analogous

#AD059C

#AD1605

#AD0548

Triadic

#AD0548

#48AD05

#0548AD

Split Complementary

#AD0548

#05AD16

#059CAD

Tetradic

#AD0548

#9CAD05

#05AD6A

#1605AD

Color Blindness Simulation

Original

#AD0548

Protanopia

#646338

Deuteranopia

#6E7B34

Tritanopia

#A52B28

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FDBAD4
300
#FC88B6
400
#FA488F
500
#F80767
600
#C60652
700
#9F0542
800
#7C0434
900
#5A0728
950
#390519

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

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