#AE5963

#AE5963

Color Values

HEX

#AE5963

RGB

174, 89, 99

HSL

352.9, 34.4%, 51.6%

HSV

352.9, 48.9%, 68.2%

CMYK

0.0%, 48.9%, 43.1%, 31.8%

OKLCH

0.5682 0.111 13.8

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AE5963

#59AEA4

Analogous

#AE598E

#AE7A59

#AE5963

Triadic

#AE5963

#63AE59

#5963AE

Split Complementary

#AE5963

#59AE7A

#598EAE

Tetradic

#AE5963

#8EAE59

#59AEA4

#7A59AE

Color Blindness Simulation

Original

#AE5963

Protanopia

#898861

Deuteranopia

#8E9460

Tritanopia

#AA5F5E

Achromatopsia

#6C6C6C

CSS Usage

background-color: #AE5963;
color: #AE5963;
border-color: #AE5963;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E8CFD2
300
#D7ADB2
400
#C18088
500
#AB545E
600
#89434B
700
#6E363C
800
#562A2F
900
#3F2125
950
#281517

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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