Maroon Colors  ·  Color Library

Palettes / Colors / #AEB2AE

#AEB2AE — Silver Grey

#AEB2AE is a gray color we call Silver Grey, closest to the named color DarkGray (#A9A9A9). It belongs to the gray family.

#AEB2AE is a neutral gray color associated with neutrality and professionalism. 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 #B2AEB2; it also sits naturally between #B0B2AE and #AEB2B0. In the palettes below you can see it working alongside real color combinations from our collection.

#AEB2AE · RGB 174, 178, 174

Download PNG swatch SVG

Color values

HEX#AEB2AE
RGB174, 178, 174
HSL120°, 3%, 69%
HSV120°, 2%, 70%
CMYK2%, 0%, 2%, 30%
XYZ41.02, 43.90, 46.36
Yxy43.90, 0.3125, 0.3344
CIE-Lab72.16, -2.15, 1.54
Hunter Lab66.25, -1.93, 1.34

RGB & CMYK percentages

Red 68% · Green 70% · Blue 68%

Cyan 2% · Magenta 0% · Yellow 2% · Key 30%

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

Previews

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

CSS code for #AEB2AE

.text { color: #AEB2AE; }
.background { background-color: #AEB2AE; }
.border { border: 3px solid #AEB2AE; }
.text-rgb { color: rgb(174, 178, 174); }
.text-hsl { color: hsl(120, 3%, 69%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #AEB2AE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(174, 178, 174, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #AEB2AE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(174, 178, 174, 0.8); }

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

Shades of #AEB2AE

#9EA39E#8B928B#7C837C#6A716A#5C615C#4A4F4A#3B3F3B#2A2D2A#1B1D1B#0A0B0A

Tints of #AEB2AE

#B5BAB5#BBBFBB#C3C6C3#CACECA#D2D5D2#D8DAD8#DFE1DF#E7E9E7#EDEEED#F4F5F4

Tones of #AEB2AE

#AEB2AE#AEB2AE#AEB2AE#AFB1AF#AFB1AF#B0B0B0

Color harmonies

Complementary — #B2AEB2:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.15:1 Fails
Against black text9.78:1 AAA

Best text color on #AEB2AE: #000000.

How #AEB2AE looks with color blindness

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

Protanopia · #B0B0AFDeuteranopia · #B0AFAFTritanopia · #AEB0B0

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 · #9E9E9EMaterial Blue Grey 500 · #607D8BBootstrap secondary · #6C757D

Palettes with a similar color

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

Palette Ebe4d1
#EBE4D1 · #B4B4B3 · #26577C · #E55604
Palette F6f6f6
#F6F6F6 · #FFE2E2 · #FFC7C7 · #AAAAAA
Palette F4f9f9
#F4F9F9 · #CCF2F4 · #A4EBF3 · #AAAAAA
Palette 70d4b4
#70D4B4 · #FFEBB7 · #BBBBBB · #AAAAAA
Palette Faf562
#FAF562 · #F36A7B · #B824A4 · #AAAAAA
Palette Fbf0f0
#FBF0F0 · #DFD3D3 · #B8B0B0 · #7C7575

Similar colors

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

#B4B4B3#AAAAAA#B8B0B0#A9A9A9#B4B4B8#B2B8A3#B7B7B7#A9BFA8#A8BBA3#ACBFA4#ADC2A9#B4A5A5

Browse neighbouring colors

← #AEB2AD  ·  #AEB2AF →

Frequently asked questions

What color is #AEB2AE?

#AEB2AE is Silver Grey, a gray color (RGB 174, 178, 174). Its closest standard named color is DarkGray.

What is the RGB and HSL of #AEB2AE?

#AEB2AE is RGB 174, 178, 174 — HSL 120°, 3%, 69% — CMYK 2%, 0%, 2%, 30%.

What colors go with #AEB2AE?

Its complement is #B2AEB2; analogous partners are #B0B2AE and #AEB2B0. It also appears in 6+ palettes in our collection.

Can I use #AEB2AE for text?

Black text on #AEB2AE has a contrast ratio of 9.78:1 (passes WCAG AA); white text gives 2.15:1.