#AE4B9E

#AE4B9E

Color Values

HEX

#AE4B9E

RGB

174, 75, 158

HSL

309.7, 39.8%, 48.8%

HSV

309.7, 56.9%, 68.2%

CMYK

0.0%, 56.9%, 9.2%, 31.8%

OKLCH

0.5696 0.1634 334.2

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AE4B9E

#4BAE5B

Analogous

#8C4BAE

#AE4B6C

#AE4B9E

Triadic

#AE4B9E

#9EAE4B

#4B9EAE

Split Complementary

#AE4B9E

#6CAE4B

#4BAE8C

Tetradic

#AE4B9E

#AE8C4B

#4BAE5B

#4B6CAE

Color Blindness Simulation

Original

#AE4B9E

Protanopia

#83828A

Deuteranopia

#899085

Tritanopia

#A97A77

Achromatopsia

#666666

CSS Usage

background-color: #AE4B9E;
color: #AE4B9E;
border-color: #AE4B9E;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACDE5
300
#DAA9D2
400
#C67BBA
500
#B24DA2
600
#8F3D81
700
#723168
800
#592651
900
#421F3C
950
#2A1426

Contrast Checker

Text on white

4.88:1

AA Pass AAA Fail

Text on black

4.3:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026