#AE4197

#AE4197

Color Values

HEX

#AE4197

RGB

174, 65, 151

HSL

312.7, 45.6%, 46.9%

HSV

312.7, 62.6%, 68.2%

CMYK

0.0%, 62.6%, 13.2%, 31.8%

OKLCH

0.5541 0.1731 336.9

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AE4197

#41AE58

Analogous

#8F41AE

#AE4161

#AE4197

Triadic

#AE4197

#97AE41

#4197AE

Split Complementary

#AE4197

#61AE41

#41AE8F

Tetradic

#AE4197

#AE8F41

#41AE58

#4161AE

Color Blindness Simulation

Original

#AE4197

Protanopia

#7F7E82

Deuteranopia

#858D7D

Tritanopia

#A9726E

Achromatopsia

#5E5E5E

CSS Usage

background-color: #AE4197;
color: #AE4197;
border-color: #AE4197;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#ECCBE5
300
#DEA6D2
400
#CC76B9
500
#BA45A1
600
#953781
700
#772C67
800
#5D2351
900
#441D3C
950
#2B1226

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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