#D61330 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-saturation red #d61330 commands immediate attention with its intense, aggressive energy. This warm shade works best as a punchy accent color in UI design, such as for call-to-action buttons or urgent notifications, rather than a background. Use white text for accessibility, as it maintains a clean 5.3:1 contrast ratio against this hue. For a balanced palette, pair this hex code with cool charcoal grays.
Questions about #d61330
What is #d61330 in RGB, HSL and CMYK?
In RGB, #d61330 is rgb(214, 19, 48), in HSL hsl(351, 84%, 46%) and in CMYK 0%, 91%, 78%, 16%.
How should I use #d61330 in my user interface designs?
Reserve #d61330 for high-impact UI elements like urgent error messages or critical call-to-action buttons rather than large background areas. Its intense energy demands attention, so using it sparingly ensures your design remains functional without overwhelming the user or fatiguing their eyes.
What colors complement #d61330 for a balanced design palette?
Pair this intense red with cool neutral tones like charcoal or deep slate to anchor the palette effectively. Adding these cooler tones helps neutralize the aggressive warmth of #d61330, creating a professional contrast that makes your primary accent color pop without clashing.
Is #d61330 readable on white or black?
#d61330 has a 5.25:1 contrast ratio on white and 3.99: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.