#BA0028 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Somewhere between raspberry and garnet, this dark, saturated red has real presence. It works best as a small accent or call-to-action color; at full background scale it can feel heavy. The hex code #ba0028 pairs well with blush pink or deep navy, and white text on it reaches about 6.7:1 contrast, clearing WCAG AA for body copy.
Questions about #ba0028
What is #ba0028 in RGB, HSL and CMYK?
In RGB, #ba0028 is rgb(186, 0, 40), in HSL hsl(347, 100%, 36%) and in CMYK 0%, 100%, 78%, 27%.
What colors pair well with #ba0028?
Blush pink softens it, deep navy grounds it, and charcoal gives it an editorial feel. Skip bright orange, which clashes with its cool raspberry edge.
Should #ba0028 be used as a background color?
Rarely at full scale. Its darkness weighs on large surfaces, so save it for buttons, badges, and highlights and let lighter neutrals carry the layout.
Is #ba0028 readable on white or black?
#ba0028 has a 6.73:1 contrast ratio on white and 3.11: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.