#FF6500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff6500 is an intense, high-chroma orange that demands immediate attention. Due to its loudness, it functions best as a small 10% accent rather than a background. Pair it with deep charcoal or slate gray to ground the energy. Because black text offers a 7.1:1 contrast ratio against this hex code, it remains readable even in smaller sizes. Use it for calls to action or critical highlights.
Questions about #ff6500
What is #ff6500 in RGB, HSL and CMYK?
In RGB, #ff6500 is rgb(255, 101, 0), in HSL hsl(24, 100%, 50%) and in CMYK 0%, 60%, 100%, 0%.
How should I use #ff6500 in my design layout?
Use #ff6500 sparingly as a ten percent accent color rather than a primary background to avoid overwhelming the viewer. This intense orange works best for high-impact call to action buttons or critical interface highlights that require immediate user focus.
What colors provide the best balance for #ff6500?
Pair #ff6500 with deep charcoal or slate gray tones to ground its electric energy and maintain visual hierarchy. These dark neutrals stabilize the high-chroma orange, allowing the color to stand out effectively without appearing chaotic or aggressive.
Is #ff6500 readable on white or black?
#ff6500 has a 2.95:1 contrast ratio on white and 7.11: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.