#CA9125 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, golden orange feels accessible and approachable due to its desaturated warmth. The hex code for this shade is #ca9125. It works best as an accent color rather than a large background, as it pairs surprisingly well with dark charcoal or deep navy for a grounded, modern look. Because it offers strong contrast, use it for UI elements like buttons that require high readability against black text.
Questions about #ca9125
What is #ca9125 in RGB, HSL and CMYK?
In RGB, #ca9125 is rgb(202, 145, 37), in HSL hsl(39, 69%, 47%) and in CMYK 0%, 28%, 82%, 21%.
Where should I use the #ca9125 color in a digital interface?
Use #ca9125 primarily as an accent color for UI elements like buttons, badges, or call-to-action icons. Its strong contrast makes it highly readable against dark backgrounds like charcoal or deep navy, preventing the visual fatigue caused by overly vibrant oranges.
What color theory combinations work well with #ca9125?
Because of its desaturated, earthy quality, #ca9125 pairs best with dark, grounded neutrals rather than other high-intensity hues. It creates a sophisticated, balanced palette when set against navy or slate, offering a modern alternative to traditional yellow or gold tones.
Is #ca9125 readable on white or black?
#ca9125 has a 2.76:1 contrast ratio on white and 7.58: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.