#DC2262 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-chroma pink commands immediate attention. Because it is so saturated, #dc2262 works best as a 10% accent color for buttons or call-to-action elements rather than a large-scale background. The hex code #dc2262 pairs beautifully with deep charcoal grays to ground its energy. It maintains readable contrast with white text, making it a reliable choice for high-impact UI components.
Questions about #dc2262
What is #dc2262 in RGB, HSL and CMYK?
In RGB, #dc2262 is rgb(220, 34, 98), in HSL hsl(339, 73%, 50%) and in CMYK 0%, 85%, 55%, 14%. Browse more shades of pink with names and hex codes.
How should I use #dc2262 in a website interface?
Reserve #dc2262 for small, intentional elements like buttons, badges, or notification icons because its high saturation can quickly overwhelm a layout. It creates excellent contrast against charcoal or very dark gray backgrounds, ensuring your call-to-action elements remain highly visible to users.
What colors pair well with the intense #dc2262?
Balance the extreme energy of #dc2262 by pairing it with neutral, grounding tones like charcoal or soft off-whites. If you need a more daring scheme, it also complements deep navy blues, which provide a professional anchor to its bright, punchy magenta personality.
Is #dc2262 readable on white or black?
#dc2262 has a 4.72:1 contrast ratio on white and 4.44: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.