#AE7471

#AE7471

Color Values

HEX

#AE7471

RGB

174, 116, 113

HSL

3.0, 27.4%, 56.3%

HSV

3.0, 35.1%, 68.2%

CMYK

0.0%, 33.3%, 35.1%, 31.8%

OKLCH

0.6184 0.0739 22.7

Properties

Warm Light Nearest: rosybrown

Color Harmonies

Complementary

#AE7471

#71ABAE

Analogous

#AE718D

#AE9371

#AE7471

Triadic

#AE7471

#71AE74

#7471AE

Split Complementary

#AE7471

#71AE93

#718DAE

Tetradic

#AE7471

#8DAE71

#71ABAE

#9371AE

Color Blindness Simulation

Original

#AE7471

Protanopia

#959472

Deuteranopia

#989D72

Tritanopia

#AB7272

Achromatopsia

#808080

CSS Usage

background-color: #AE7471;
color: #AE7471;
border-color: #AE7471;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F6F6
100
#F1E9E9
200
#E5D2D2
300
#D3B3B1
400
#BB8987
500
#A2605D
600
#824D4A
700
#683D3B
800
#51302E
900
#3C2625
950
#261817

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026