#CE65C4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold magenta feels intense and highly saturated, making it a natural choice for attention-grabbing UI accents. It offers excellent contrast with black text, so use it for buttons or call-to-action elements. The hex code for this shade is #ce65c4. Avoid using it as a full-page background to prevent eye strain. Pair it with dark, muted charcoals to ground its high-energy presence.
Questions about #ce65c4
What is #ce65c4 in RGB, HSL and CMYK?
In RGB, #ce65c4 is rgb(206, 101, 196), in HSL hsl(306, 52%, 60%) and in CMYK 0%, 51%, 5%, 19%. Browse more shades of pink with names and hex codes.
How should I use #ce65c4 in my UI design?
Use #ce65c4 sparingly as an accent color for primary call-to-action buttons or highlights. Because it is highly saturated and intense, relying on it for large backgrounds often causes eye strain and reduces overall content readability for users.
What colors pair well with #ce65c4?
This magenta works best when grounded by dark, muted neutrals like charcoal or deep slate, which tame its high energy. Avoid pairing it with other equally saturated brights, as they will compete for attention and create a jarring visual experience.
Is #ce65c4 readable on white or black?
#ce65c4 has a 3.34:1 contrast ratio on white and 6.28: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.