#A40F55

#A40F55

Color Values

HEX

#A40F55

RGB

164, 15, 85

HSL

331.8, 83.2%, 35.1%

HSV

331.8, 90.9%, 64.3%

CMYK

0.0%, 90.9%, 48.2%, 35.7%

OKLCH

0.4703 0.1823 0.9

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#A40F55

#0FA45E

Analogous

#A40FA0

#A4140F

#A40F55

Triadic

#A40F55

#55A40F

#0F55A4

Split Complementary

#A40F55

#0FA414

#0FA0A4

Tetradic

#A40F55

#A0A40F

#0FA45E

#140FA4

Color Blindness Simulation

Original

#A40F55

Protanopia

#636244

Deuteranopia

#6C7740

Tritanopia

#9D3734

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F9BEDA
300
#F58FBF
400
#EF529C
500
#EA1579
600
#BB1161
700
#950E4E
800
#750B3D
900
#550C2E
950
#36081D

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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