#FF6D01 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff6d01 is a saturated, high-intensity orange that demands immediate attention. Due to its extreme brightness, it functions best as an accent color for calls to action or UI highlights rather than a background. Use it sparingly against charcoal grays or deep navy blues to make the color pop without overwhelming your design. This hex code provides strong contrast for black text in small, legible formats.
Questions about #ff6d01
What is #ff6d01 in RGB, HSL and CMYK?
In RGB, #ff6d01 is rgb(255, 109, 1), in HSL hsl(26, 100%, 50%) and in CMYK 0%, 57%, 100%, 0%.
What colors pair well with #ff6d01 in a UI design?
#ff6d01 functions best when used sparingly as an accent against neutral, dark backgrounds like charcoal or deep navy. By using it as a secondary color against these darker, muted tones, you create visual impact without the orange becoming visually overwhelming to the user.
Is #ff6d01 a safe choice for text color?
This orange is generally too bright and lacks sufficient contrast for standard body text or small, thin fonts. Use it primarily for eye-catching UI elements, links, or alert banners where color vibrancy serves to guide user attention rather than convey dense information.
Is #ff6d01 readable on white or black?
#ff6d01 has a 2.82:1 contrast ratio on white and 7.43: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.