#E261CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated pink demands attention and communicates intense energy. Because #e261cf is so vivid, use it sparingly as a 10% accent rather than a background color. It pairs surprisingly well with dark charcoal greys, which ground its extreme brightness. Since black text provides a strong 6.8:1 contrast ratio against it, the hex code works effectively for call-to-action buttons or highlighted UI elements.
Questions about #e261cf
What is #e261cf in RGB, HSL and CMYK?
In RGB, #e261cf is rgb(226, 97, 207), in HSL hsl(309, 69%, 63%) and in CMYK 0%, 57%, 8%, 11%.
How should I use #e261cf in a UI design?
#e261cf works best as a 10% accent color for call-to-action buttons or highlighted UI elements rather than as a background. Its high saturation commands immediate attention, and black text provides an excellent, accessible 6.8:1 contrast ratio against it.
What colors pair well with #e261cf?
This vibrant pink pairs effectively with charcoal or deep, neutral dark greys which ground its extreme brightness. Using neutral tones allows #e261cf to pop without overwhelming the overall balance of your design layout.
Is #e261cf readable on white or black?
#e261cf has a 3.06:1 contrast ratio on white and 6.84: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.