Maroon Colors  ·  Color Library

Palettes / Colors / #AEA698

#AEA698 — Dusty Brown

#AEA698 is a brown color we call Dusty Brown, closest to the named color DarkGray (#A9A9A9). It belongs to the brown family.

#AEA698 is a warm brown color associated with earthiness, stability and comfort. It sits comfortably in the middle: usable for large areas in soft schemes, or as a supporting color beside something stronger.

Its strongest partner is its complement #98A0AE; it also sits naturally between #AE9B98 and #ABAE98. In the palettes below you can see it working alongside real color combinations from our collection.

#AEA698 · RGB 174, 166, 152

Download PNG swatch SVG

Color values

HEX#AEA698
RGB174, 166, 152
HSL38°, 12%, 64%
HSV38°, 13%, 68%
CMYK0%, 5%, 13%, 32%
XYZ36.76, 38.54, 35.21
Yxy38.54, 0.3327, 0.3487
CIE-Lab68.42, 0.43, 8.27
Hunter Lab62.08, 0.38, 6.70

RGB & CMYK percentages

Red 68% · Green 65% · Blue 60%

Cyan 0% · Magenta 5% · Yellow 13% · Key 32%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #AEA698 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #AEA698 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #AEA698

.text { color: #AEA698; }
.background { background-color: #AEA698; }
.border { border: 3px solid #AEA698; }
.text-rgb { color: rgb(174, 166, 152); }
.text-hsl { color: hsl(38, 12%, 64%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #AEA698; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(174, 166, 152, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #AEA698; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(174, 166, 152, 0.8); }

HTML: <p style="color:#AEA698">Text here</p> · <div style="background-color:#AEA698">Div content here</div>

Shades of #AEA698

#A19787#938976#837967#72695A#61594C#504A3F#3F3A31#2E2A24#1D1A16#0B0B09

Tints of #AEA698

#B5AEA1#BCB5A9#C5BFB5#CBC6BD#D2CEC6#D9D5CE#E0DCD7#E9E6E2#EFEEEB#F6F5F4

Tones of #AEA698

#ACA69A#ABA59B#AAA59D#A8A49F#A6A4A0#A5A4A1

Color harmonies

Complementary — #98A0AE:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.41:1 Fails
Against black text8.71:1 AAA

Best text color on #AEA698: #000000.

How #AEA698 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #ABAA9BDeuteranopia · #ABAC9CTritanopia · #AE9E9F

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9ETailwind zinc 500 · #71717ATailwind neutral 500 · #737373

Palettes with a similar color

These palettes use a close neighbour of #AEA698 rather than the exact color:

Palette F3eeea
#F3EEEA · #EBE3D5 · #B0A695 · #776B5D
Palette 607274
#607274 · #FAEED1 · #DED0B6 · #B2A59B
Palette D7e4c0
#D7E4C0 · #C6DCBA · #BBC3A4 · #B3A398
Palette E5dcc3
#E5DCC3 · #C7BEA2 · #AAA492 · #9A9483
Palette 98d8ef
#98D8EF · #EAE2C6 · #BFBBA9 · #ADA991
Palette Daddb1
#DADDB1 · #B3A492 · #BFB29E · #D6C7AE

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#B0A695#B2A59B#B3A398#AAA492#ADA991#B3A492#A8A492#A6AA9C#B7A593#AD9D9D#B6AE9F#B6A28E

Browse neighbouring colors

← #AEA697  ·  #AEA699 →

Frequently asked questions

What color is #AEA698?

#AEA698 is Dusty Brown, a brown color (RGB 174, 166, 152). Its closest standard named color is DarkGray.

What is the RGB and HSL of #AEA698?

#AEA698 is RGB 174, 166, 152 — HSL 38°, 12%, 64% — CMYK 0%, 5%, 13%, 32%.

What colors go with #AEA698?

Its complement is #98A0AE; analogous partners are #AE9B98 and #ABAE98. It also appears in 6+ palettes in our collection.

Can I use #AEA698 for text?

Black text on #AEA698 has a contrast ratio of 8.71:1 (passes WCAG AA); white text gives 2.41:1.