#B12F0F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, reddish tone commands immediate attention with its intense, fiery character. Because #b12f0f is so bold, it works best as a focused accent rather than a background color. Pair it with soft, muted grays to keep the composition from feeling overwhelming. While white text offers excellent readability against this shade, reserve it for call-to-action buttons or small, high-impact design elements to maintain visual balance.
Questions about #b12f0f
What is #b12f0f in RGB, HSL and CMYK?
In RGB, #b12f0f is rgb(177, 47, 15), in HSL hsl(12, 84%, 38%) and in CMYK 0%, 73%, 92%, 31%.
How should I use #b12f0f in a UI layout?
Use #b12f0f sparingly as a high-impact accent, such as for primary buttons or alert states, rather than as a background color. Because this intense red is visually overwhelming in large areas, pair it with muted charcoal or cool neutral grays to balance the composition.
What color schemes work best with #b12f0f?
Complementary color schemes using soft, muted teals create a vibrant, balanced contrast with #b12f0f that prevents the red from feeling jarring. Alternatively, a monochromatic palette using lighter tints keeps the design focused while maintaining the warmth of the original fiery shade.
Is #b12f0f readable on white or black?
#b12f0f has a 6.39:1 contrast ratio on white and 3.28: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.