#AE276E

#AE276E

Color Values

HEX

#AE276E

RGB

174, 39, 110

HSL

328.4, 63.4%, 41.8%

HSV

328.4, 77.6%, 68.2%

CMYK

0.0%, 77.6%, 36.8%, 31.8%

OKLCH

0.5113 0.1809 353.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AE276E

#27AE67

Analogous

#AB27AE

#AE272B

#AE276E

Triadic

#AE276E

#6EAE27

#276EAE

Split Complementary

#AE276E

#2BAE27

#27AEAB

Tetradic

#AE276E

#AEAB27

#27AE67

#272BAE

Color Blindness Simulation

Original

#AE276E

Protanopia

#74725D

Deuteranopia

#7B8659

Tritanopia

#A74F4C

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EE
200
#F2C5DD
300
#E99BC4
400
#DC65A4
500
#D02F84
600
#A72569
700
#851E54
800
#681742
900
#4C1532
950
#300D20

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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