#C3A67D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated orange offers a mellow warmth with ashy undertones. Because #c3a67d is quite muted, it works best as a supporting tone or background rather than a main feature. It pairs well with deep forest greens or charcoal grays to ground its lightness. Since this hex code provides strong contrast with black text, it is a practical choice for accessible UI design layouts.
Questions about #c3a67d
What is #c3a67d in RGB, HSL and CMYK?
In RGB, #c3a67d is rgb(195, 166, 125), in HSL hsl(35, 37%, 63%) and in CMYK 0%, 15%, 36%, 24%. Browse more shades of brown with names and hex codes.
How should I use #c3a67d in my UI designs?
Because #c3a67d is a muted, low-saturation tone, it works best as a background color or a supporting accent rather than a primary call-to-action button. It creates excellent readability when paired with deep charcoal or dark text for a soft, professional look.
What color palettes work well with #c3a67d?
This color thrives when anchored by darker, natural hues that provide the contrast it lacks on its own. Try pairing #c3a67d with deep forest green or slate grays to ground its lightness, or use creamy off-whites for a monochromatic, airy aesthetic.
Is #c3a67d readable on white or black?
#c3a67d has a 2.31:1 contrast ratio on white and 9.07:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.