#F28C26 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane orange demands attention with its intense, saturated warmth. Because it is so loud, #f28c26 works best as an accent color for calls to action or UI highlights rather than a full background. Pair it with deep charcoal grays to create a sharp, high-contrast look that pops. Black text remains legible on this shade, making it a functional choice for bold design elements.
Questions about #f28c26
What is #f28c26 in RGB, HSL and CMYK?
In RGB, #f28c26 is rgb(242, 140, 38), in HSL hsl(30, 89%, 55%) and in CMYK 0%, 42%, 84%, 5%. Browse more shades of orange with names and hex codes.
How can I use #f28c26 effectively in UI design?
Because #f28c26 is highly saturated, reserve it for critical UI elements like primary call-to-action buttons or notification badges. When using it, pair it with charcoal or deep navy text to ensure the contrast remains legible for users.
What colors pair well with #f28c26?
This vibrant orange creates a sharp, modern look when paired with deep, cool neutrals like charcoal or slate. If you prefer a more energetic palette, try contrasting it with teal or dark turquoise to balance the intense warmth of the hue.
Is #f28c26 readable on white or black?
#f28c26 has a 2.45:1 contrast ratio on white and 8.55: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.