#CF1331 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and intense, #cf1331 is an aggressive red that demands immediate attention. This high-chroma shade works best as a punchy accent or a bold call-to-action button rather than a background color, where it can easily overwhelm the eye. Pair this hex code with soft grays or off-whites to balance its inherent heat. White text remains perfectly readable against this powerful tone.
Questions about #cf1331
What is #cf1331 in RGB, HSL and CMYK?
In RGB, #cf1331 is rgb(207, 19, 49), in HSL hsl(350, 83%, 44%) and in CMYK 0%, 91%, 76%, 19%.
What colors pair best with #cf1331 for a balanced design?
Because #cf1331 is such an aggressive and high-energy red, it benefits greatly from neutral pairing. Use soft, desaturated tones like off-white or warm light gray to anchor the design and prevent the color from overwhelming your layout.
Is #cf1331 a suitable choice for background colors?
Using #cf1331 as a full-page background is generally not recommended as its high saturation can quickly cause eye fatigue for viewers. It performs significantly better as a punchy, targeted accent that draws the eye toward important UI elements like buttons.
Is #cf1331 readable on white or black?
#cf1331 has a 5.54:1 contrast ratio on white and 3.79: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.