#AE5F75

#AE5F75

Color Values

HEX

#AE5F75

RGB

174, 95, 117

HSL

343.3, 32.8%, 52.7%

HSV

343.3, 45.4%, 68.2%

CMYK

0.0%, 45.4%, 32.8%, 31.8%

OKLCH

0.583 0.105 3.0

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#AE5F75

#5FAE98

Analogous

#AE5F9C

#AE705F

#AE5F75

Triadic

#AE5F75

#75AE5F

#5F75AE

Split Complementary

#AE5F75

#5FAE70

#5F9CAE

Tetradic

#AE5F75

#9CAE5F

#5FAE98

#705FAE

Color Blindness Simulation

Original

#AE5F75

Protanopia

#8C8B70

Deuteranopia

#90966E

Tritanopia

#AA6B6B

Achromatopsia

#717171

CSS Usage

background-color: #AE5F75;
color: #AE5F75;
border-color: #AE5F75;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#F9F5F6
100
#F2E8EB
200
#E7D0D6
300
#D6AEB9
400
#C08293
500
#A9566D
600
#874557
700
#6C3746
800
#552B36
900
#3F222A
950
#28161B

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

4.69:1

AA Pass 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