#BF0017 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bf0017 is a high-intensity red that commands immediate attention. Because of its saturated, aggressive nature, this color works best as a 10% accent rather than a dominant base, which can quickly overwhelm viewers. Pair it with dark grays or cool charcoals for a balanced look. The hex code #bf0017 supports high-contrast white text, ensuring readability for crucial calls to action or UI alerts.
Questions about #bf0017
What is #bf0017 in RGB, HSL and CMYK?
In RGB, #bf0017 is rgb(191, 0, 23), in HSL hsl(353, 100%, 37%) and in CMYK 0%, 100%, 88%, 25%.
How should I use #bf0017 in a user interface?
Because #bf0017 is extremely saturated and visually aggressive, use it sparingly as a 10% accent color to draw focus to crucial call-to-action buttons or important alerts. Never use it as a dominant background, as it will quickly overwhelm users.
What colors pair well with #bf0017?
This shade works best when balanced against neutral, cool-toned backgrounds to temper its intensity. Try pairing it with dark charcoal or slate grays to create a clean, modern aesthetic that allows the red to pop without straining the eyes.
Is #bf0017 readable on white or black?
#bf0017 has a 6.50:1 contrast ratio on white and 3.22: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.