#D8552D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, fiery orange-red demands attention immediately. Because it is highly intense, use hex code #d8552d primarily as an accent color for calls to action or UI highlights. It feels too aggressive for large backgrounds, but pairs well with charcoal grays for balance. Since it maintains a 5.3:1 contrast ratio with black, it remains readable for small text elements within your interface designs.
Questions about #d8552d
What is #d8552d in RGB, HSL and CMYK?
In RGB, #d8552d is rgb(216, 85, 45), in HSL hsl(14, 69%, 51%) and in CMYK 0%, 61%, 79%, 15%.
How should I use #d8552d in a user interface?
Apply #d8552d primarily as an accent color for calls to action or UI highlights because it is too aggressive for large backgrounds. It maintains excellent readability when placed against black or very deep charcoal backgrounds for accessibility.
What colors pair well with #d8552d?
This fiery orange-red balances beautifully against neutral, cool-toned backgrounds. Pairing #d8552d with slate or charcoal grays grounds the intensity of the color, preventing it from overwhelming your design while maintaining its energetic, high-impact aesthetic.
Is #d8552d readable on white or black?
#d8552d has a 3.99:1 contrast ratio on white and 5.25: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.