#BB231A Hex Color
A high intensity and saturated bold red
This bold, saturated red demands attention. With its high intensity, #bb231a functions best as a 10% accent color to drive user action, rather than a full background. Pair it with charcoal gray for a modern, high-contrast look that keeps text legible. Because white text provides a 6.2:1 contrast ratio against it, this hex code remains a reliable choice for UI buttons and critical alerts.
Questions about #bb231a
What is #bb231a in RGB, HSL and CMYK?
In RGB, #bb231a is rgb(187, 35, 26), in HSL hsl(3, 76%, 42%) and in CMYK 0%, 81%, 86%, 27%.
How should I use #bb231a in a user interface?
Apply #bb231a sparingly as a 10% accent color for critical calls to action, error states, or urgent notifications. Because of its high saturation, using it as a background color can easily overwhelm your layout and fatigue the user eye.
Is #bb231a readable on white or black?
#bb231a has a 6.23:1 contrast ratio on white and 3.36: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.