#AE8478

#AE8478

Color Values

HEX

#AE8478

RGB

174, 132, 120

HSL

13.3, 25.0%, 57.6%

HSV

13.3, 31.0%, 68.2%

CMYK

0.0%, 24.1%, 31.0%, 31.8%

OKLCH

0.6506 0.0551 36.5

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#AE8478

#78A2AE

Analogous

#AE7887

#AE9F78

#AE8478

Triadic

#AE8478

#78AE84

#8478AE

Split Complementary

#AE8478

#78AE9F

#7887AE

Tetradic

#AE8478

#87AE78

#78A2AE

#9F78AE

Color Blindness Simulation

Original

#AE8478

Protanopia

#9C9B7B

Deuteranopia

#9EA17C

Tritanopia

#AC7D7E

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EBE9
200
#E4D6D2
300
#D1B9B2
400
#B89489
500
#9F6E60
600
#80584D
700
#66463D
800
#503730
900
#3B2A26
950
#251B18

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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