#AE5166

#AE5166

Color Values

HEX

#AE5166

RGB

174, 81, 102

HSL

346.5, 36.5%, 50.0%

HSV

346.5, 53.4%, 68.2%

CMYK

0.0%, 53.4%, 41.4%, 31.8%

OKLCH

0.5568 0.1229 7.7

Properties

Warm Dark Nearest: palevioletred 3

Color Harmonies

Complementary

#AE5166

#51AE99

Analogous

#AE5194

#AE6B51

#AE5166

Triadic

#AE5166

#66AE51

#5166AE

Split Complementary

#AE5166

#51AE6B

#5194AE

Tetradic

#AE5166

#94AE51

#51AE99

#6B51AE

Color Blindness Simulation

Original

#AE5166

Protanopia

#868561

Deuteranopia

#8B9260

Tritanopia

#A95D5C

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8EA
200
#E8CED4
300
#D8ABB6
400
#C37E8E
500
#AE5166
600
#8B4152
700
#6F3441
800
#572833
900
#402128
950
#291519

Contrast Checker

Text on white

5.04:1

AA Pass AAA Fail

Text on black

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