#CC4F1E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cc4f1e is a loud, saturated red that leans heavily into orange undertones. Because of its high intensity, this color works best as an accent rather than a background. Use it for calls to action or UI highlights to grab immediate attention. Black text provides excellent readability against this shade, meeting accessibility standards for small body copy. Pair it with muted grays to keep the design balanced.
Questions about #cc4f1e
What is #cc4f1e in RGB, HSL and CMYK?
In RGB, #cc4f1e is rgb(204, 79, 30), in HSL hsl(17, 74%, 46%) and in CMYK 0%, 61%, 85%, 20%.
How can I best pair #cc4f1e in a professional design?
#cc4f1e thrives as a focal point against neutral backgrounds. To maintain professional contrast, pair it with deep charcoal or soft slate grays. Avoid using it alongside other bright primaries, which can create visual vibration and eye strain for the viewer.
Is #cc4f1e suitable for text usage?
While #cc4f1e is highly readable as a standalone color on light backgrounds, its brightness may cause issues for small body text. Use it primarily for headers, buttons, or large, bold UI elements, and always ensure text against it meets WCAG accessibility ratios.
Is #cc4f1e readable on white or black?
#cc4f1e has a 4.46:1 contrast ratio on white and 4.70: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.