#AE6560

#AE6560

Color Values

HEX

#AE6560

RGB

174, 101, 96

HSL

3.8, 32.5%, 52.9%

HSV

3.8, 44.8%, 68.2%

CMYK

0.0%, 42.0%, 44.8%, 31.8%

OKLCH

0.5874 0.0951 24.5

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#AE6560

#60A9AE

Analogous

#AE6082

#AE8C60

#AE6560

Triadic

#AE6560

#60AE65

#6560AE

Split Complementary

#AE6560

#60AE8C

#6082AE

Tetradic

#AE6560

#82AE60

#60A9AE

#8C60AE

Color Blindness Simulation

Original

#AE6560

Protanopia

#8E8E61

Deuteranopia

#939861

Tritanopia

#AA6262

Achromatopsia

#747474

CSS Usage

background-color: #AE6560;
color: #AE6560;
border-color: #AE6560;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#F9F6F5
100
#F2E9E8
200
#E7D1D0
300
#D6B0AE
400
#BF8682
500
#A95B56
600
#874945
700
#6C3A37
800
#542E2B
900
#3F2422
950
#281716

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.83:1

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