#F26168 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f26168 is a saturated, warm coral-red that commands immediate attention. Because of its high intensity, it works best as a punchy 10% accent in UI design for alerts, buttons, or highlights rather than a full background. This shade offers excellent contrast with black text, ensuring readability. If you ever find your palettes lacking warmth, knowing what colors make brown can help balance this aggressive hue.
Questions about #f26168
What is #f26168 in RGB, HSL and CMYK?
In RGB, #f26168 is rgb(242, 97, 104), in HSL hsl(357, 85%, 66%) and in CMYK 0%, 60%, 57%, 5%.
How should I use #f26168 in a user interface?
Because #f26168 is highly saturated and intense, it works best as a 10% accent color for call-to-action buttons, notification badges, or error states. Avoid using it as a primary background color to prevent eye strain and maintain readability for your users.
What colors pair well with #f26168?
This warm coral-red balances beautifully against neutral, deep tones like charcoal or soft off-white backgrounds. For a more adventurous palette, try pairing it with complementary shades of teal or a muted, earthy olive to ground its high energy.
Is #f26168 readable on white or black?
#f26168 has a 3.14:1 contrast ratio on white and 6.68: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.