#A40F54

#A40F54

Color Values

HEX

#A40F54

RGB

164, 15, 84

HSL

332.2, 83.2%, 35.1%

HSV

332.2, 90.9%, 64.3%

CMYK

0.0%, 90.9%, 48.8%, 35.7%

OKLCH

0.47 0.182 1.4

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#A40F54

#0FA45F

Analogous

#A40F9F

#A4140F

#A40F54

Triadic

#A40F54

#54A40F

#0F54A4

Split Complementary

#A40F54

#0FA414

#0F9FA4

Tetradic

#A40F54

#9FA40F

#0FA45F

#140FA4

Color Blindness Simulation

Original

#A40F54

Protanopia

#636243

Deuteranopia

#6C773F

Tritanopia

#9D3633

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE1EC
200
#F9BED9
300
#F58FBE
400
#EF529B
500
#EA1578
600
#BB1160
700
#950E4D
800
#750B3C
900
#550C2E
950
#36081D

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

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