#AE5956

#AE5956

Color Values

HEX

#AE5956

RGB

174, 89, 86

HSL

2.0, 35.2%, 51.0%

HSV

2.0, 50.6%, 68.2%

CMYK

0.0%, 48.9%, 50.6%, 31.8%

OKLCH

0.5651 0.1116 23.3

Properties

Warm Dark Nearest: Chestnut

Color Harmonies

Complementary

#AE5956

#56ABAE

Analogous

#AE567F

#AE8556

#AE5956

Triadic

#AE5956

#56AE59

#5956AE

Split Complementary

#AE5956

#56AE85

#567FAE

Tetradic

#AE5956

#7FAE56

#56ABAE

#8556AE

Color Blindness Simulation

Original

#AE5956

Protanopia

#898857

Deuteranopia

#8E9457

Tritanopia

#AA5757

Achromatopsia

#6B6B6B

CSS Usage

background-color: #AE5956;
color: #AE5956;
border-color: #AE5956;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E8D0CF
300
#D7AEAC
400
#C2827F
500
#AC5653
600
#8A4442
700
#6E3735
800
#562B29
900
#402221
950
#281615

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

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