#B3364A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated brick red feels grounded yet intense. Because of its weight and high visibility, #b3364a functions best as a strategic accent rather than a full page background. It pairs exceptionally well with charcoal gray or soft cream, which prevent the color from overwhelming a design. Use this hex code for call to action buttons or small UI highlights where you need to grab attention immediately.
Questions about #b3364a
What is #b3364a in RGB, HSL and CMYK?
In RGB, #b3364a is rgb(179, 54, 74), in HSL hsl(350, 54%, 46%) and in CMYK 0%, 70%, 59%, 30%. Browse more shades of red with names and hex codes.
What colors pair well with #b3364a for UI design?
Is #b3364a suitable for large backgrounds?
Due to its high saturation and visual weight, #b3364a is generally too intense for full-page backgrounds. It functions much more effectively as a strategic accent color for buttons, alerts, or small graphic elements that need to grab the user's attention.
Is #b3364a readable on white or black?
#b3364a has a 5.92:1 contrast ratio on white and 3.54: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.