#C6541F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange commands immediate attention without feeling aggressive. Because of its intensity and warmth, #c6541f works best as a punchy accent or a call to action rather than a full background. It pairs exceptionally well with deep charcoal grays. The hex code for this shade is #c6541f, which offers enough contrast for legible black text in small UI elements.
Questions about #c6541f
What is #c6541f in RGB, HSL and CMYK?
In RGB, #c6541f is rgb(198, 84, 31), in HSL hsl(19, 73%, 45%) and in CMYK 0%, 58%, 84%, 22%.
What colors pair well with #c6541f for UI design?
#c6541f functions best when paired with deep charcoal or dark navy tones to balance its intensity. Using these dark neutrals ensures that the orange remains a focal point for buttons or highlights without overwhelming the overall layout.
Is #c6541f readable on white or black?
#c6541f has a 4.47:1 contrast ratio on white and 4.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.