#AD145E

#AD145E

Color Values

HEX

#AD145E

RGB

173, 20, 94

HSL

331.0, 79.3%, 37.8%

HSV

331.0, 88.4%, 67.8%

CMYK

0.0%, 88.4%, 45.7%, 32.2%

OKLCH

0.4921 0.189 359.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AD145E

#14AD63

Analogous

#AD14AA

#AD1714

#AD145E

Triadic

#AD145E

#5EAD14

#145EAD

Split Complementary

#AD145E

#14AD17

#14AAAD

Tetradic

#AD145E

#AAAD14

#14AD63

#1714AD

Color Blindness Simulation

Original

#AD145E

Protanopia

#6B694C

Deuteranopia

#747F48

Tritanopia

#A53E3B

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDA
300
#F291C0
400
#EB569E
500
#E51A7C
600
#B71563
700
#92114F
800
#720D3E
900
#530E2F
950
#34091E

Contrast Checker

Text on white

6.91:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026