#FF6D1F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff6d1f is an intense, high-energy orange that demands attention. Because of its extreme saturation, it functions best as a functional accent or CTA button rather than a background color. Pair this shade with deep charcoal or navy to ground its intensity and prevent it from feeling overwhelming. Black text provides excellent legibility over this hex code, making it a strong choice for high-visibility UI elements.
Questions about #ff6d1f
What is #ff6d1f in RGB, HSL and CMYK?
In RGB, #ff6d1f is rgb(255, 109, 31), in HSL hsl(21, 100%, 56%) and in CMYK 0%, 57%, 88%, 0%.
How can I balance the intensity of #ff6d1f in a UI design?
#ff6d1f works best as a functional accent rather than a primary background color because of its extreme saturation. Pair it with deep tones like navy or charcoal to ground its intensity and prevent it from feeling overwhelming to users.
Is #ff6d1f readable on white or black?
#ff6d1f has a 2.81:1 contrast ratio on white and 7.45: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.