#F06B8E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy pink commands attention with its saturated, bold character. While it can overwhelm larger backgrounds, #f06b8e functions perfectly as a high-contrast accent color in UI design. It pairs surprisingly well with deep charcoal grays, creating a modern, readable palette that keeps text legible. The hex code for this vivid shade is #f06b8e, which offers enough contrast for clear readability against standard black text.
Questions about #f06b8e
What is #f06b8e in RGB, HSL and CMYK?
In RGB, #f06b8e is rgb(240, 107, 142), in HSL hsl(344, 82%, 68%) and in CMYK 0%, 55%, 41%, 6%.
What colors pair well with #f06b8e?
#f06b8e thrives when paired with neutral, grounding tones like charcoal or deep slate to balance its intensity. Using these darker shades for text creates a modern look while keeping the vibrant pink as a punchy, effective focal point for buttons or highlights.
Is #f06b8e suitable for body text?
While #f06b8e is excellent for bold UI elements or vibrant accents, it lacks the contrast needed for long-form reading against light backgrounds. Use it for headings or interactive elements, but stick to higher contrast alternatives for main paragraph text to ensure readability.
Is #f06b8e readable on white or black?
#f06b8e has a 2.91:1 contrast ratio on white and 7.19: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.