#AE3F7B

#AE3F7B

Color Values

HEX

#AE3F7B

RGB

174, 63, 123

HSL

327.6, 46.8%, 46.5%

HSV

327.6, 63.8%, 68.2%

CMYK

0.0%, 63.8%, 29.3%, 31.8%

OKLCH

0.5398 0.1578 350.2

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AE3F7B

#3FAE72

Analogous

#AA3FAE

#AE3F44

#AE3F7B

Triadic

#AE3F7B

#7BAE3F

#3F7BAE

Split Complementary

#AE3F7B

#44AE3F

#3FAEAA

Tetradic

#AE3F7B

#AEAA3F

#3FAE72

#3F44AE

Color Blindness Simulation

Original

#AE3F7B

Protanopia

#7E7D6C

Deuteranopia

#848D69

Tritanopia

#A8615E

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDD
300
#DEA5C4
400
#CD74A4
500
#BB4484
600
#96366A
700
#782B55
800
#5E2242
900
#451C32
950
#2B1220

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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