#AE689F

#AE689F

Color Values

HEX

#AE689F

RGB

174, 104, 159

HSL

312.9, 30.2%, 54.5%

HSV

312.9, 40.2%, 68.2%

CMYK

0.0%, 40.2%, 8.6%, 31.8%

OKLCH

0.6127 0.1148 335.2

Properties

Warm Light Nearest: Razzmic Berry

Color Harmonies

Complementary

#AE689F

#68AE77

Analogous

#9A68AE

#AE687C

#AE689F

Triadic

#AE689F

#9FAE68

#689FAE

Split Complementary

#AE689F

#7CAE68

#68AE9A

Tetradic

#AE689F

#AE9A68

#68AE77

#687CAE

Color Blindness Simulation

Original

#AE689F

Protanopia

#908F92

Deuteranopia

#94998E

Tritanopia

#AA8785

Achromatopsia

#7B7B7B

CSS Usage

background-color: #AE689F;
color: #AE689F;
border-color: #AE689F;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#F9F5F8
100
#F2E9F0
200
#E6D1E1
300
#D4AFCC
400
#BD84B1
500
#A65995
600
#854778
700
#6A3960
800
#532C4B
900
#3E2338
950
#271623

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

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