#FA6006 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fa6006 is a high-intensity orange that demands immediate attention. Due to its extreme saturation, this color functions best as an accent rather than a full background. Black text remains legible over this hex code with a 6.7:1 contrast ratio, which is ideal for call-to-action buttons. Pair it with deep charcoal grays to ground its visual intensity without losing its impact.
Questions about #fa6006
What is #fa6006 in RGB, HSL and CMYK?
In RGB, #fa6006 is rgb(250, 96, 6), in HSL hsl(22, 96%, 50%) and in CMYK 0%, 62%, 98%, 2%.
How should #fa6006 be used in interface design?
#fa6006 is best reserved for call-to-action elements where you need to draw the eye immediately. Because of its extreme saturation, it functions effectively as a highlight rather than a background, maintaining a high contrast ratio when paired with dark text.
Which colors balance the intensity of #fa6006?
Pair #fa6006 with deep neutral tones like charcoal to anchor its visual energy. These dark, desaturated grays provide the necessary weight to ground the color, preventing the orange from overwhelming the layout while keeping the overall palette sophisticated and readable.
Is #fa6006 readable on white or black?
#fa6006 has a 3.11:1 contrast ratio on white and 6.74: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.