analogous
Neighbouring hues that sit side by side on the color wheel for a calm, cohesive feel.
#A3A173 — Sage
#A3A173 is a mid-tone desaturated yellow sitting at 58° on the color wheel. Below you will find every format, a full tint and shade ramp, contrast ratings, and five harmony schemes built around it.
#a3a173
- HEX
- RGB
- HSL
- CMYK
- Closest name
- Color family
- Contrast on white
- Contrast on black
Tints and shades of #A3A173
- f9f9f6
- e6e6d9
- d4d3bd
- c1c0a1
- afad84
- 9c9b68
- 817f54
- 656342
- 48472f
- 2c2b1d
- 0f0f0a
Color schemes using #A3A173
complementary
Two opposite hues that create the strongest possible contrast and visual tension.
split complementary
A base hue paired with the two neighbours of its complement — bold but easier to balance.
triadic
Three hues spaced evenly around the wheel for a vibrant, well-balanced scheme.
tetradic
Two complementary pairs, giving you the widest range of usable accents.
monochromatic
A single hue explored across lightness and saturation for a refined, minimal look.
Nearby colors
#A3A173 FAQ
What color is #A3A173?
#A3A173 is a shade of sage in the yellow family. It has a hue of 58 degrees, 21% saturation and 55% lightness, which makes it a mid-tone muted color.
What is the RGB value of #A3A173?
#A3A173 is rgb(163, 161, 115) in RGB, hsl(58, 21%, 55%) in HSL, and cmyk(0%, 1%, 29%, 36%) in CMYK.
Can I use white text on #A3A173?
White text on this background reaches 2.66:1, which fails WCAG AA. Black text reaches 7.9:1.
What colors go well with #A3A173?
Its direct complement is #7476A4. For something less stark, the split-complementary pair #748EA4 and #8B74A4 gives you contrast without the vibration.