#CC1231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated red demands immediate attention. Due to its high intensity, #cc1231 is best reserved for punchy UI accents like calls to action or alerts rather than large backgrounds. It remains highly readable with white text, satisfying standard accessibility requirements. Use this hex code sparingly to maintain impact without overwhelming your interface.
Questions about #cc1231
What is #cc1231 in RGB, HSL and CMYK?
In RGB, #cc1231 is rgb(204, 18, 49), in HSL hsl(350, 84%, 44%) and in CMYK 0%, 91%, 76%, 20%.
What colors work well with #cc1231?
Pair #cc1231 with neutral tones like charcoal or soft off-white to prevent visual chaos in your interface design. Because this red carries so much visual weight, these calmer companions allow it to pop effectively without making your layout feel aggressive or cluttered.
Is #cc1231 readable on white or black?
#cc1231 has a 5.67:1 contrast ratio on white and 3.69: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.