#AE6D85

#AE6D85

Color Values

HEX

#AE6D85

RGB

174, 109, 133

HSL

337.8, 28.6%, 55.5%

HSV

337.8, 37.4%, 68.2%

CMYK

0.0%, 37.4%, 23.6%, 31.8%

OKLCH

0.6116 0.0879 356.3

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#AE6D85

#6DAE96

Analogous

#AE6DA6

#AE766D

#AE6D85

Triadic

#AE6D85

#85AE6D

#6D85AE

Split Complementary

#AE6D85

#6DAE76

#6DA6AE

Tetradic

#AE6D85

#A6AE6D

#6DAE96

#766DAE

Color Blindness Simulation

Original

#AE6D85

Protanopia

#92917F

Deuteranopia

#969A7E

Tritanopia

#AB7B7A

Achromatopsia

#7D7D7D

CSS Usage

background-color: #AE6D85;
color: #AE6D85;
border-color: #AE6D85;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#F9F5F7
100
#F1E9EC
200
#E6D1D9
300
#D3B0BD
400
#BC869A
500
#A45B76
600
#83495E
700
#693A4C
800
#522E3B
900
#3D242D
950
#26171D

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

5.33:1

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