#FF6B35 Hex Color
Bold and energetic orange with fiery intensity
#ff6b35 is an intense, saturated orange-red that demands attention. Because it is so loud and high-energy, it functions best as a small accent rather than a background color. Try pairing it with cool, dark charcoals to ground its aggressive warmth. With a 7.4:1 contrast ratio against black text, the hex code #ff6b35 remains legible even when used for small UI elements or bold call-to-action buttons.
Questions about #ff6b35
What is #ff6b35 in RGB, HSL and CMYK?
In RGB, #ff6b35 is rgb(255, 107, 53), in HSL hsl(16, 100%, 60%) and in CMYK 0%, 58%, 79%, 0%.
Does #ff6b35 work well for text?
While #ff6b35 remains legible at a 7.4:1 contrast ratio against black, it is generally too aggressive and distracting for long-form body text. Use it instead for critical call-to-action buttons or small, functional UI elements where you need immediate visual attention.
What colors balance #ff6b35 effectively?
The aggressive warmth of #ff6b35 is best grounded by pairing it with cool, dark neutrals like charcoal or deep slate. These darker, muted tones keep the orange-red from becoming overwhelming while letting it pop effectively on the page.
Is #ff6b35 readable on white or black?
#ff6b35 has a 2.83:1 contrast ratio on white and 7.40: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.