#CF0000 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and commanding, #cf0000 operates best as a high-visibility accent rather than a background color. Its intense, warm pigment demands immediate attention, making it useful for critical calls to action or error states. Pair this hue with cool grays or charcoal to prevent visual fatigue. The hex code for this powerful red is #cf0000, which offers sufficient contrast for white text in UI applications.
Questions about #cf0000
What is #cf0000 in RGB, HSL and CMYK?
In RGB, #cf0000 is rgb(207, 0, 0), in HSL hsl(0, 100%, 41%) and in CMYK 0%, 100%, 100%, 19%.
How do I best use #cf0000 in website design?
#cf0000 functions best as a high-visibility accent rather than a primary background color because its intense saturation can quickly cause visual fatigue. Use it sparingly for critical calls to action or error messages where you need to draw the eye immediately.
What colors pair well with #cf0000?
You can balance the intensity of #cf0000 by pairing it with charcoal or cool grays, which ground the red and prevent the design from feeling overwhelming. Avoid pairing it with competing warm colors that create vibration and reading difficulty.
Is #cf0000 readable on white or black?
#cf0000 has a 5.74:1 contrast ratio on white and 3.65: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.