#F274A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated pink is bold and undeniably intense. Because #f274a6 commands attention, it functions best as a bright accent rather than a background color. It pairs surprisingly well with dark charcoal or muted slate, which grounds the high energy of the hue. Use the hex code #f274a6 sparingly in UI designs, as it remains legible for body text but creates visual fatigue in large applications.
Questions about #f274a6
What is #f274a6 in RGB, HSL and CMYK?
In RGB, #f274a6 is rgb(242, 116, 166), in HSL hsl(336, 83%, 70%) and in CMYK 0%, 52%, 31%, 5%.
How should I use #f274a6 in my UI design?
Apply #f274a6 sparingly as an accent color for buttons or call-to-action elements rather than large backgrounds. Because of its high saturation, using it in large blocks creates visual fatigue, so balance it with neutral tones like charcoal or slate to ground the energy.
Is #f274a6 readable on white or black?
#f274a6 has a 2.68:1 contrast ratio on white and 7.82: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.