#D30B54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d30b54 is a saturated, high-intensity red that commands immediate attention. Its extreme chroma makes it risky for large backgrounds, so use this hex code sparingly as a 10% accent or call-to-action button to prevent visual fatigue. It pairs surprisingly well with desaturated teals or soft grays, which ground its aggressive energy. White text maintains the necessary contrast for readability against this bold shade.
Questions about #d30b54
What is #d30b54 in RGB, HSL and CMYK?
In RGB, #d30b54 is rgb(211, 11, 84), in HSL hsl(338, 90%, 44%) and in CMYK 0%, 95%, 60%, 17%.
How can I effectively use #d30b54 in UI design?
Because #d30b54 is an aggressive, high-chroma red, use it as a 10% accent or primary call-to-action button to prevent visual fatigue. It draws the eye instantly, so avoid using it for large background surfaces or primary text.
What colors pair best with #d30b54?
Balance the extreme energy of #d30b54 by pairing it with desaturated teals or soft, neutral grays to ground the design. These cooler, muted tones prevent the red from overwhelming the visual hierarchy of your layout.
Is #d30b54 readable on white or black?
#d30b54 has a 5.32:1 contrast ratio on white and 3.94: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.