#AE8988

#AE8988

Color Values

HEX

#AE8988

RGB

174, 137, 136

HSL

1.6, 19.0%, 60.8%

HSV

1.6, 21.8%, 68.2%

CMYK

0.0%, 21.3%, 21.8%, 31.8%

OKLCH

0.6647 0.0454 20.2

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AE8988

#88ADAE

Analogous

#AE889A

#AE9C88

#AE8988

Triadic

#AE8988

#88AE89

#8988AE

Split Complementary

#AE8988

#88AE9C

#889AAE

Tetradic

#AE8988

#9AAE88

#88ADAE

#9C88AE

Color Blindness Simulation

Original

#AE8988

Protanopia

#9E9E88

Deuteranopia

#A0A388

Tritanopia

#AC8888

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F0EAEA
200
#E2D5D5
300
#CDB7B6
400
#B3908F
500
#986967
600
#795453
700
#614342
800
#4C3434
900
#392928
950
#241A19

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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