#C5AE97 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted orange sits firmly in the pastel range, offering a desaturated and ashy appearance. Because of its low chroma, #c5ae97 functions best as a stabilizing neutral background rather than a focal point. It pairs beautifully with deep charcoal or forest green to ground the otherwise airy tone. Since black text provides excellent contrast against this hex code, it remains highly readable for UI elements.
Questions about #c5ae97
What is #c5ae97 in RGB, HSL and CMYK?
In RGB, #c5ae97 is rgb(197, 174, 151), in HSL hsl(30, 28%, 68%) and in CMYK 0%, 12%, 23%, 23%.
What makes #c5ae97 effective for user interface design?
The low chroma of #c5ae97 ensures it remains a subtle backdrop that does not overpower primary content. Because it offers high readability when paired with dark text, it serves as an excellent neutral choice for minimalist or modern professional interfaces.
Which colors pair well with the #c5ae97 pastel tone?
This muted orange gains depth when balanced against cool, dark tones like charcoal or deep forest green. These pairings ground the airy nature of #c5ae97, creating a sophisticated palette that feels both earthy and intentional.
Is #c5ae97 readable on white or black?
#c5ae97 has a 2.12:1 contrast ratio on white and 9.87: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.