#CA5D23 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, burnt orange demands attention without feeling neon or artificial. It works best as an accent color in high-energy branding, where it contrasts beautifully against deep teals or muted grays. While bold enough for calls to action, use #ca5d23 sparingly to avoid overwhelming your layout. Because it has high contrast against black text, it is safe for legible interface design.
Questions about #ca5d23
What is #ca5d23 in RGB, HSL and CMYK?
In RGB, #ca5d23 is rgb(202, 93, 35), in HSL hsl(21, 70%, 46%) and in CMYK 0%, 54%, 83%, 21%. Browse more shades of orange with names and hex codes.
Which colors pair well with #ca5d23 in a design?
Is #ca5d23 readable on white or black?
#ca5d23 has a 4.11:1 contrast ratio on white and 5.10: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.