#AE5D60

#AE5D60

Color Values

HEX

#AE5D60

RGB

174, 93, 96

HSL

357.8, 33.3%, 52.4%

HSV

357.8, 46.6%, 68.2%

CMYK

0.0%, 46.6%, 44.8%, 31.8%

OKLCH

0.5739 0.1054 18.6

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AE5D60

#5DAEAB

Analogous

#AE5D89

#AE835D

#AE5D60

Triadic

#AE5D60

#60AE5D

#5D60AE

Split Complementary

#AE5D60

#5DAE83

#5D89AE

Tetradic

#AE5D60

#89AE5D

#5DAEAB

#835DAE

Color Blindness Simulation

Original

#AE5D60

Protanopia

#8B8A5F

Deuteranopia

#90965F

Tritanopia

#AA5F5F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFD0
300
#D6ADAF
400
#C08184
500
#AA5558
600
#884447
700
#6D3638
800
#552B2C
900
#3F2223
950
#281516

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026