#D100D1 Hex Color

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

Hex color #d100d1 graphic
This intense, high-octane magenta demands attention with its relentless saturation. Because #d100d1 is so aggressive, it functions best as a small accent or a pop of color for UI calls to action rather than a background. Pair it with dark, muted teals to balance its sugary intensity. This hex code provides just enough contrast for black text, ensuring readability in small, punchy graphics.

Questions about #d100d1

What is #d100d1 in RGB, HSL and CMYK?
In RGB, #d100d1 is rgb(209, 0, 209), in HSL hsl(300, 100%, 41%) and in CMYK 0%, 100%, 0%, 18%.
How should I use #d100d1 in my UI designs?
Because #d100d1 is extremely aggressive, use it sparingly as a high-impact call to action or a small accent button. It creates a striking visual focal point that draws the eye immediately against neutral backgrounds.
What colors pair well with #d100d1 to balance its intensity?
Pair #d100d1 with dark, muted tones like teal or charcoal to anchor its sugary, synthetic energy. These cooler, darker shades provide the necessary visual weight to ground the design without clashing with the magenta vibrancy.
Is #d100d1 readable on white or black?
#d100d1 has a 4.53:1 contrast ratio on white and 4.63: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 for body text. Try other pairs in the contrast checker.