#F06793 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold pink demands immediate attention. Because it is so intense, use #f06793 sparingly as an accent color for buttons or highlights rather than a full page background. It pairs well with deep charcoal grays, which allow the pink to pop without overwhelming the design. The hex code for this shade is #f06793. Black text remains perfectly legible against it for optimal accessibility.
Questions about #f06793
What is #f06793 in RGB, HSL and CMYK?
In RGB, #f06793 is rgb(240, 103, 147), in HSL hsl(341, 82%, 67%) and in CMYK 0%, 57%, 39%, 6%.
How should #f06793 be used in UI design?
This intense shade functions best as an accent color for buttons, call-to-action elements, or small design highlights. Because of its extreme saturation, it tends to overwhelm backgrounds, so pair it with neutral charcoal or dark gray text to maintain visual balance and legibility.
Does #f06793 work well against dark backgrounds?
Yes, the high brightness of #f06793 creates a strong, readable contrast against dark backgrounds like navy or black. It provides a striking, modern aesthetic that feels playful and energetic without losing the clarity necessary for functional, accessible user interface design.
Is #f06793 readable on white or black?
#f06793 has a 2.97:1 contrast ratio on white and 7.06: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.