#FC04AC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity pink is impossible to ignore. Because of its sheer saturation, #fc04ac functions best as a small accent rather than a background. Use it sparingly for call to action buttons or design details that demand immediate attention. Pair it with dark, neutral grays to ground its energy. For more muted options, check out these similar purple shades to see if a slightly cooler tone fits better.
Questions about #fc04ac
What is #fc04ac in RGB, HSL and CMYK?
In RGB, #fc04ac is rgb(252, 4, 172), in HSL hsl(319, 98%, 50%) and in CMYK 0%, 98%, 32%, 1%.
What is the best way to use #fc04ac in UI design?
Because #fc04ac is extremely saturated, it functions best as a functional highlight rather than a main background. It excels when drawing the eye to call-to-action buttons or specific interface elements, especially when balanced by grounding charcoal or deep neutral grays.
Does this shade of pink work with other bright colors?
Is #fc04ac readable on white or black?
#fc04ac has a 3.65:1 contrast ratio on white and 5.75: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.