#CF1428 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands immediate attention, making it a high-impact choice for call-to-action buttons or emergency alerts. Because the hex code #cf1428 carries intense visual weight, it works best as a 10% accent rather than a dominant background color. It pairs surprisingly well with charcoal grays for a modern, grounded interface. White text maintains clear readability against this shade.
Questions about #cf1428
What is #cf1428 in RGB, HSL and CMYK?
In RGB, #cf1428 is rgb(207, 20, 40), in HSL hsl(354, 82%, 45%) and in CMYK 0%, 90%, 81%, 19%.
How should I use #cf1428 effectively in a web interface?
Because #cf1428 carries intense visual weight, you should reserve it for specific UI elements like call-to-action buttons or emergency alerts. Aim to use it as a 10% accent rather than a dominant background color to maintain a balanced, professional interface.
What colors pair well with the intense red of #cf1428?
This shade works surprisingly well when paired with charcoal grays for a modern, grounded look. White text provides the necessary contrast to maintain clear readability against the saturation, ensuring your design remains accessible and easy for users to scan.
Is #cf1428 readable on white or black?
#cf1428 has a 5.55:1 contrast ratio on white and 3.78: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.