#C98D25 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated orange brings a warm, earthy tone to branding and UI design. It performs best as a supporting color or accent rather than a dominant background, as it can feel heavy in large areas. Pair it with deep charcoals to make the warmth pop. Because black text remains legible on #c98d25, this hex code works effectively for readable headlines or details.
Questions about #c98d25
What is #c98d25 in RGB, HSL and CMYK?
In RGB, #c98d25 is rgb(201, 141, 37), in HSL hsl(38, 69%, 47%) and in CMYK 0%, 30%, 82%, 21%.
What colors pair well with #c98d25 in UI design?
#c98d25 functions best as an accent against neutral, dark backgrounds like charcoal or deep slate, which help ground the warmth. Avoid placing it near other vibrant oranges, as it requires a calm, dark contrast to maintain its earthy, readable quality.
Is #c98d25 suitable for text usage?
Yes, this hex color maintains good legibility when used for headlines or details against light, neutral backgrounds. Because of its medium-dark value, ensure you test the contrast ratio against your specific background color to meet standard accessibility requirements for users.
Is #c98d25 readable on white or black?
#c98d25 has a 2.86:1 contrast ratio on white and 7.32: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.