#A40D63

#A40D63

Color Values

HEX

#A40D63

RGB

164, 13, 99

HSL

325.8, 85.3%, 34.7%

HSV

325.8, 92.1%, 64.3%

CMYK

0.0%, 92.1%, 39.6%, 35.7%

OKLCH

0.4745 0.1886 354.1

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#A40D63

#0DA44E

Analogous

#990DA4

#A40D18

#A40D63

Triadic

#A40D63

#63A40D

#0D63A4

Split Complementary

#A40D63

#18A40D

#0DA499

Tetradic

#A40D63

#A4990D

#0DA44E

#0D18A4

Color Blindness Simulation

Original

#A40D63

Protanopia

#63614E

Deuteranopia

#6B7749

Tritanopia

#9C3E3A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABDE0
300
#F68EC9
400
#F150AC
500
#EC138F
600
#BD0F72
700
#970C5B
800
#760947
900
#560B36
950
#360722

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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