#CF2923 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red demands attention immediately. The hex code #cf2923 works best as a punchy accent color in UI design, as using it for large backgrounds often overwhelms the interface. While white text provides enough contrast for legibility, use this shade sparingly to drive conversions or highlight critical alerts. It feels bold and urgent, making it a natural choice for call-to-action buttons.
Questions about #cf2923
What is #cf2923 in RGB, HSL and CMYK?
In RGB, #cf2923 is rgb(207, 41, 35), in HSL hsl(2, 71%, 47%) and in CMYK 0%, 80%, 83%, 19%.
How should I use #cf2923 in web interface design?
#cf2923 functions best as a high-impact accent color rather than a primary background shade. It naturally draws the eye toward critical UI elements like conversion buttons or urgent system alerts, ensuring these components stand out immediately against neutral, lighter interface designs.
Is #cf2923 readable on white or black?
#cf2923 has a 5.25:1 contrast ratio on white and 3.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.