#AE44BB

#AE44BB

Color Values

HEX

#AE44BB

RGB

174, 68, 187

HSL

293.4, 46.7%, 50.0%

HSV

293.4, 63.6%, 73.3%

CMYK

7.0%, 63.6%, 0.0%, 26.7%

OKLCH

0.5763 0.1986 323.2

Properties

Cool Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#AE44BB

#51BB44

Analogous

#7244BB

#BB448D

#AE44BB

Triadic

#AE44BB

#BBAE44

#44BBAE

Split Complementary

#AE44BB

#8DBB44

#44BB72

Tetradic

#AE44BB

#BB7244

#51BB44

#448DBB

Color Blindness Simulation

Original

#AE44BB

Protanopia

#807F9E

Deuteranopia

#868E97

Tritanopia

#A98782

Achromatopsia

#636363

CSS Usage

background-color: #AE44BB;
color: #AE44BB;
border-color: #AE44BB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E8CBEC
300
#D8A5DE
400
#C375CD
500
#AE44BB
600
#8B3696
700
#6F2B78
800
#57225E
900
#401C45
950
#29122B

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026