#FF6F12 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange commands attention immediately. Because of its extreme brightness, #ff6f12 works best as a punchy 10% accent rather than a dominant background. Pair it with deep charcoal or slate gray to ground its flamboyant energy. While black text remains legible at this contrast level, use this shade sparingly to ensure your UI or branding stays balanced and readable.
Questions about #ff6f12
What is #ff6f12 in RGB, HSL and CMYK?
In RGB, #ff6f12 is rgb(255, 111, 18), in HSL hsl(24, 100%, 54%) and in CMYK 0%, 56%, 93%, 0%. Browse more shades of orange with names and hex codes.
How should I use #ff6f12 effectively in a design system?
#ff6f12 works best as a high-impact accent, ideally occupying no more than 10% of your interface to avoid overwhelming the user. Use it for call-to-action buttons or highlights while relying on charcoal or deep slate to provide necessary visual grounding.
Is #ff6f12 readable on white or black?
#ff6f12 has a 2.78:1 contrast ratio on white and 7.53: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.