#AE3D76

#AE3D76

Color Values

HEX

#AE3D76

RGB

174, 61, 118

HSL

329.7, 48.1%, 46.1%

HSV

329.7, 64.9%, 68.2%

CMYK

0.0%, 64.9%, 32.2%, 31.8%

OKLCH

0.5356 0.158 352.5

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#AE3D76

#3DAE75

Analogous

#AE3DAE

#AE3D3E

#AE3D76

Triadic

#AE3D76

#76AE3D

#3D76AE

Split Complementary

#AE3D76

#3EAE3D

#3DAEAE

Tetradic

#AE3D76

#AEAE3D

#3DAE75

#3D3EAE

Color Blindness Simulation

Original

#AE3D76

Protanopia

#7D7C68

Deuteranopia

#848C65

Tritanopia

#A85D5B

Achromatopsia

#595959

CSS Usage

background-color: #AE3D76;
color: #AE3D76;
border-color: #AE3D76;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADB
300
#DFA4C2
400
#CE73A1
500
#BD4280
600
#973566
700
#792A52
800
#5E2140
900
#451B31
950
#2C111F

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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