#FF5CCC Hex Color

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

Hex color #ff5ccc graphic
This high-intensity magenta acts as a powerful accent color that demands immediate attention. Due to its extreme saturation, it works best in small doses, such as buttons or UI highlights, rather than large backgrounds. Pair it with dark grays or deep blues for a sophisticated, modern contrast. The hex code for this vivid shade is #ff5ccc, which offers excellent readability for black text.

Questions about #ff5ccc

What is #ff5ccc in RGB, HSL and CMYK?
In RGB, #ff5ccc is rgb(255, 92, 204), in HSL hsl(319, 100%, 68%) and in CMYK 0%, 64%, 20%, 0%.
How should I use #ff5ccc in a web interface?
#ff5ccc is an extremely high-saturation color that functions best as an accent rather than a background. Use it for call-to-action buttons or small UI highlights to ensure it does not overwhelm the user interface or cause visual fatigue.
What colors pair well with #ff5ccc?
This vibrant magenta pairs best with neutral darks to balance its high energy. Try placing it against charcoal or navy to create a sophisticated, modern contrast that keeps the magenta from appearing too chaotic or aggressive.
Is #ff5ccc readable on white or black?
#ff5ccc has a 2.74:1 contrast ratio on white and 7.65:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.