#F27BB2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f27bb2 is a high-chroma pink that demands immediate attention. Due to its intense brightness, use it as a 10% accent rather than a dominant background. It pairs effectively with deep charcoal to ground the saturated hue. Since black text provides a strong 8.3:1 contrast, this hex code works reliably for functional UI elements like buttons.
Questions about #f27bb2
What is #f27bb2 in RGB, HSL and CMYK?
In RGB, #f27bb2 is rgb(242, 123, 178), in HSL hsl(332, 82%, 72%) and in CMYK 0%, 49%, 26%, 5%.
How can I effectively use #f27bb2 in a UI design?
#f27bb2 is best utilized as a tactical 10% accent color rather than a dominant background hue because of its extreme saturation. It maintains excellent readability for functional UI elements like buttons when paired with dark charcoal or near-black text.
What colors pair well with #f27bb2 for a balanced palette?
Balance the intensity of #f27bb2 by pairing it with neutral, grounding tones like charcoal or soft slate. These deep, achromatic colors provide the necessary visual weight to anchor the high-energy pink without allowing the design to feel overwhelming.
Is #f27bb2 readable on white or black?
#f27bb2 has a 2.54:1 contrast ratio on white and 8.25: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.