#D4534D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated brick red commands attention with its intense, warm energy. Because it is highly visible, use #d4534d sparingly as a 10% accent color for buttons or calls to action rather than a dominant background. It pairs well with cream tones to soften its rustic intensity. The hex code #d4534d maintains a 5.1:1 contrast ratio against black text, ensuring good readability for important design elements.
Questions about #d4534d
What is #d4534d in RGB, HSL and CMYK?
In RGB, #d4534d is rgb(212, 83, 77), in HSL hsl(3, 61%, 57%) and in CMYK 0%, 61%, 64%, 17%.
How should I use #d4534d in a design layout?
Because #d4534d is highly saturated, it works best as a 10% accent color rather than a primary background. It commands immediate attention, making it ideal for buttons, alert icons, or subtle call-to-action elements that need to pop against neutral interfaces.
What colors pair well with #d4534d?
This brick red pairs beautifully with soft cream or warm off-white tones to balance its intense rustic energy. For a more sophisticated look, use charcoal for text to maintain a high contrast ratio while grounding the vibrancy of the red.
Is #d4534d readable on white or black?
#d4534d has a 4.08:1 contrast ratio on white and 5.14:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.