colors
Back to gallery

Aged Madder

#a17c87
Notes

Aged Madder (#A17C87) is a true red with a warm character. It leans warm, pulling light toward red, orange, and yellow. Naturally inviting, it suits editorial and hospitality contexts. Its HSL profile (342°, 16%, 56%) places it in the muted band at a mid lightness. It works across type, buttons, and borders, saturated enough to feel deliberate but balanced enough to not fight the rest of the palette. For a confident two-color system, pair it with its complementary teal. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX
#a17c87
RGB
rgb(161, 124, 135)
HSL
hsl(342, 16%, 56%)
HWB
hwb(342 49% 37%)
OKLCH
oklch(62.5% 0.048 359.0)
P3
color(display-p3 0.6088 0.4920 0.5284)
HSV
hsv(342, 23%, 63%)
LAB
lab(55.83% 16.12 -0.42)
LCH
lch(55.83% 16.13 358.51)
CMYK
cmyk(0%, 23%, 16%, 37%)

Etymology

Aged
adjective

The past participle of age — used as a color modifier since the seventeenth century for hues that have changed through time. Aged paper, aged copper: low-to-moderate saturation combined with the optical impression of patina. Sits at the hushed-bucket alongside weathered and antique.

Madder
noun

Rubia tinctorum, the dyer's madder — the root pigment that fed European red textile production from antiquity until synthetic alizarin replaced it in 1869. Less brilliant than kermes, more lightfast than safflower, madder-dyed wool was the workhorse red of Persian carpets, British redcoats, and Turkish kilim. The color carries that history: a warm, slightly orange red with the matte finish of cloth rather than glaze.

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

Variations

Click any swatch to explore

Harmonies

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#a17c87
Original
#808287
Protanopia
#898886
Deuteranopia
#a77a80
Tritanopia
#858585
Achromatopsia
WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AA Largeon White
3.65:1
The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AAon Black
5.75:1

Wide gamut

Display P3 representation

The CSS Color 4 wide-gamut form of this color. Both swatches render the same color on every display — the P3 form only diverges from sRGB when a designer pushes channels outside sRGB's reach.

sRGB hex
sRGB hex
##A17C87
Display P3
Display P3
color(display-p3 0.6088 0.4920 0.5284)
Inside sRGBOKLCH chroma 0.048

This color sits well within the sRGB cube. P3 and sRGB share the gray axis and most desaturated tones, so a P3 display renders this identically to an sRGB display.

Related Colors

Canvas