#D100FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This hyper-saturated violet commands immediate attention. Because of its extreme intensity, #d100ff works best as a sharp accent rather than a background color, where it can easily overwhelm the eye. It pairs surprisingly well with deep charcoal or crisp black for a modern, high-contrast look. The hex code #d100ff provides enough accessibility for small text, making it a bold choice for UI highlights or call-to-action buttons.
Questions about #d100ff
What is #d100ff in RGB, HSL and CMYK?
In RGB, #d100ff is rgb(209, 0, 255), in HSL hsl(289, 100%, 50%) and in CMYK 18%, 100%, 0%, 0%.
How can I effectively use #d100ff in web design without overwhelming the viewer?
Use #d100ff sparingly as a sharp highlight for call-to-action buttons or small UI elements rather than as a background color. Its high saturation works best when balanced against neutral, dark backgrounds like charcoal or deep black to maintain readability.
What color schemes pair well with #d100ff?
Pair #d100ff with deep grays, black, or crisp white for a modern, high-contrast aesthetic that commands attention. For a more adventurous palette, try using complementary yellow-green tones to create a vibrant, energetic visual tension that stands out in digital graphics.
Is #d100ff readable on white or black?
#d100ff has a 4.07:1 contrast ratio on white and 5.15: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.