#C5A07D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, mellow orange feels incredibly soft due to its very low saturation and warm, ashy undertones. Because it offers high contrast with black text, #c5a07d works as a legible background for UI elements or editorial layouts. Avoid pairing it with stark whites, which can wash it out, and instead use it alongside deep charcoal or forest green for a grounded, modern palette.
Questions about #c5a07d
What is #c5a07d in RGB, HSL and CMYK?
In RGB, #c5a07d is rgb(197, 160, 125), in HSL hsl(29, 38%, 63%) and in CMYK 0%, 19%, 37%, 23%. Browse more shades of brown with names and hex codes.
What colors pair best with #c5a07d for a modern look?
Because #c5a07d has low saturation and warm ashy undertones, it works best when grounded by darker, cooler neutrals. Pair it with deep charcoal or forest green to create a sophisticated, modern palette that avoids the washed-out look that bright whites can cause.
Is #c5a07d suitable for text-heavy interface backgrounds?
Yes, #c5a07d is an effective choice for interface backgrounds because it offers high natural contrast against black or dark gray text. Its muted intensity prevents the eye strain often associated with brighter, more vibrant orange hues in reading-heavy UI designs.
Is #c5a07d readable on white or black?
#c5a07d has a 2.41:1 contrast ratio on white and 8.69: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.