#C53C80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, hot pink demands attention. Because #c53c80 is so intense, it works best as a 10% accent color for UI highlights or call to action buttons rather than a background. White text remains legible on this shade, meeting accessibility standards for small details. Pair it with charcoal greys to temper the brightness. The hex code for this bold color is #c53c80.
Questions about #c53c80
What is #c53c80 in RGB, HSL and CMYK?
In RGB, #c53c80 is rgb(197, 60, 128), in HSL hsl(330, 54%, 50%) and in CMYK 0%, 70%, 35%, 23%. Browse more shades of pink with names and hex codes.
How should #c53c80 be balanced in a design layout?
Use #c53c80 sparingly as a 10% accent color to maintain visual balance without overwhelming the viewer. Because this shade is so saturated, it draws immediate attention to key elements like call-to-action buttons, primary links, or specific UI highlights.
Which color palettes work best with #c53c80?
Charcoal greys and soft neutrals provide the best balance for #c53c80 by tempering its intense brightness. These darker, muted backgrounds ensure the pink remains legible and pop, preventing the design from feeling cluttered or visually exhausting to the user.
Is #c53c80 readable on white or black?
#c53c80 has a 4.84:1 contrast ratio on white and 4.33: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.