#AE8980

#AE8980

Color Values

HEX

#AE8980

RGB

174, 137, 128

HSL

11.7, 22.1%, 59.2%

HSV

11.7, 26.4%, 68.2%

CMYK

0.0%, 21.3%, 26.4%, 31.8%

OKLCH

0.6625 0.0474 34.0

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AE8980

#80A5AE

Analogous

#AE808E

#AEA080

#AE8980

Triadic

#AE8980

#80AE89

#8980AE

Split Complementary

#AE8980

#80AEA0

#808EAE

Tetradic

#AE8980

#8EAE80

#80A5AE

#A080AE

Color Blindness Simulation

Original

#AE8980

Protanopia

#9E9E82

Deuteranopia

#A0A383

Tritanopia

#AC8484

Achromatopsia

#909090

CSS Usage

background-color: #AE8980;
color: #AE8980;
border-color: #AE8980;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1EBEA
200
#E3D6D3
300
#CFBAB4
400
#B6948C
500
#9C6E63
600
#7D584F
700
#644740
800
#4E3732
900
#3A2B27
950
#251B19

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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