#BD504D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This brick red strikes a balance between intense warmth and earthy, grounded stability. It is best used as a bold accent color rather than a dominant background, as its saturation can quickly overwhelm a layout. Pair it with soft cream or slate gray to temper its energy. The hex code for this color is #bd504d, and white text maintains excellent readability over this shade for UI elements.
Questions about #bd504d
What is #bd504d in RGB, HSL and CMYK?
In RGB, #bd504d is rgb(189, 80, 77), in HSL hsl(2, 46%, 52%) and in CMYK 0%, 58%, 59%, 26%. Browse more shades of brown with names and hex codes.
How should I use #bd504d in a UI design?
Use #bd504d primarily as a strategic accent color rather than a large background field because its saturation can easily overwhelm a layout. It works best to highlight call-to-action buttons or specific data points where you need to draw the eye without creating visual clutter.
What neutral tones work best with #bd504d?
This shade pairs best with slate gray or warm off-white tones, which effectively temper its intense energy and grounding warmth. Avoid stark black, as the contrast can be too jarring, while lighter creams allow the richness of the red to shine.
Is #bd504d readable on white or black?
#bd504d has a 4.75:1 contrast ratio on white and 4.41: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.