#AE1F60

#AE1F60

Color Values

HEX

#AE1F60

RGB

174, 31, 96

HSL

332.7, 69.8%, 40.2%

HSV

332.7, 82.2%, 68.2%

CMYK

0.0%, 82.2%, 44.8%, 31.8%

OKLCH

0.5006 0.1827 359.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AE1F60

#1FAE6D

Analogous

#AE1FA8

#AE251F

#AE1F60

Triadic

#AE1F60

#60AE1F

#1F60AE

Split Complementary

#AE1F60

#1FAE25

#1FA8AE

Tetradic

#AE1F60

#A8AE1F

#1FAE6D

#251FAE

Color Blindness Simulation

Original

#AE1F60

Protanopia

#706F50

Deuteranopia

#78834C

Tritanopia

#A74441

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F8E3EC
200
#F4C2D9
300
#ED97BE
400
#E35F9B
500
#D82777
600
#AD1F60
700
#8B194C
800
#6C133C
900
#4F122E
950
#320B1D

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

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