#DB2302 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #db2302 graphic
#db2302 is a highly saturated, aggressive red that commands immediate attention. Its intense warmth makes it difficult to use as a full background, so designers should reserve this hex code for 10% accent pieces or impactful calls to action. It pairs unexpectedly well with deep charcoal grays for a modern, high-contrast look. White text remains readable against this hue for smaller interface elements.

Questions about #db2302

What is #db2302 in RGB, HSL and CMYK?
In RGB, #db2302 is rgb(219, 35, 2), in HSL hsl(9, 98%, 43%) and in CMYK 0%, 84%, 99%, 14%.
How can I effectively use #db2302 in a user interface?
#db2302 is extremely saturated, so limit its use to small, high-impact elements like primary call-to-action buttons or status indicators. Because it carries such visual weight, it overwhelms layouts if applied to large backgrounds or text blocks.
What colors pair best with #db2302 for a modern look?
This aggressive red pairs surprisingly well with charcoal or deep neutral grays, which ground the intensity and provide necessary balance. Avoid pairing it with other high-saturation colors, as they will compete for attention and create visual noise.
Is #db2302 readable on white or black?
#db2302 has a 4.93:1 contrast ratio on white and 4.25: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.