#DB534C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This punchy red demands attention without being abrasive. Because #db534c is highly saturated and warm, it works best as a 10% accent color to guide the eye toward buttons or alerts. Pair it with soft, charcoal grays rather than pure black to keep the interface approachable. With a 5.4:1 contrast ratio, it remains readable when paired with black text for small labels.
Questions about #db534c
What is #db534c in RGB, HSL and CMYK?
In RGB, #db534c is rgb(219, 83, 76), in HSL hsl(3, 67%, 58%) and in CMYK 0%, 62%, 65%, 14%.
How can I use #db534c effectively in UI design?
#db534c works best as a targeted accent color rather than a primary background shade. Use this high-energy red specifically for actionable buttons or critical alerts where you need to guide the user's eye without creating overwhelming visual clutter.
Which colors pair well with #db534c for a balanced palette?
Pair #db534c with neutral, soft charcoal or cool-toned grays to ground its intensity. Using pure black can make this red feel abrasive, while softer dark grays keep the interface approachable and maintain excellent readability for text and icons.
Is #db534c readable on white or black?
#db534c has a 3.92:1 contrast ratio on white and 5.35: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.