#FF6200 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff6200 is an intense, high-chroma orange that demands immediate attention. This hex code is too aggressive for large backgrounds, but it functions perfectly as a 10% accent for CTA buttons or UI highlights. Use dark charcoal text for high readability, as the color maintains a strong 7.0:1 contrast against black. Apply it sparingly to avoid overwhelming your layout.
Questions about #ff6200
What is #ff6200 in RGB, HSL and CMYK?
In RGB, #ff6200 is rgb(255, 98, 0), in HSL hsl(23, 100%, 50%) and in CMYK 0%, 62%, 100%, 0%.
How can I use #ff6200 effectively in UI design?
#ff6200 is best applied as a small, high-impact accent color for buttons or status indicators, rather than a background. Use it sparingly to guide user attention without overwhelming the overall layout, ensuring it remains a functional highlight rather than a distraction.
What colors pair well with #ff6200?
This intense orange pairs exceptionally well with deep, neutral tones like charcoal or dark navy to ensure high readability. These grounding colors provide a professional balance that anchors the energy of #ff6200, making text and icons stand out clearly against the bold backdrop.
Is #ff6200 readable on white or black?
#ff6200 has a 3.00:1 contrast ratio on white and 6.99: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.