#CA872C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, golden orange feels grounded and approachable rather than aggressive. Because of its earthy undertones, it works best as a supporting accent in a palette rather than a dominant background. Pair #ca872c with charcoal gray or deep teal to stabilize its warmth. Its high contrast against black text makes it a reliable choice for buttons or small UI elements that require readability. The hex code for this color is #ca872c.
Questions about #ca872c
What is #ca872c in RGB, HSL and CMYK?
In RGB, #ca872c is rgb(202, 135, 44), in HSL hsl(35, 64%, 48%) and in CMYK 0%, 33%, 78%, 21%.
How can I effectively use #ca872c in UI design?
Use #ca872c as a high-contrast accent for buttons or small UI elements where you need to draw attention without overwhelming the user. Because it is grounded and approachable, it pairs beautifully against charcoal text for excellent readability.
What color palettes work best with #ca872c?
To stabilize its inherent warmth, pair #ca872c with cool, deep tones like teal or neutral charcoal. These pairings create a sophisticated balance, allowing the golden, earthy quality of the color to stand out as a feature rather than an aggressive distraction.
Is #ca872c readable on white or black?
#ca872c has a 2.99:1 contrast ratio on white and 7.01: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.