#FBB243 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing orange has a high-energy, sunny quality that feels friendly and approachable. Because #fbb243 carries significant saturation, it serves best as a punchy 10% accent rather than a full background color. Pair it with deep charcoal or muted slate blue to ground its intensity and prevent it from appearing overwhelming. The hex code for this shade is #fbb243, which offers high contrast against black text.
Questions about #fbb243
What is #fbb243 in RGB, HSL and CMYK?
In RGB, #fbb243 is rgb(251, 178, 67), in HSL hsl(36, 96%, 62%) and in CMYK 0%, 29%, 73%, 2%.
Where is the best place to use #fbb243 in a design?
#fbb243 works best as a selective accent color in branding or interface design rather than a full background. Its high saturation commands attention, so use it sparingly against neutrals like charcoal or slate to maintain visual balance.
What colors pair well with #fbb243?
Pair #fbb243 with cool, muted tones to ground its intense, sunny personality. Deep charcoal or a soft slate blue provides necessary contrast, preventing the orange from appearing visually overwhelming while creating a sophisticated, high-energy color palette for modern interfaces.
Is #fbb243 readable on white or black?
#fbb243 has a 1.81:1 contrast ratio on white and 11.55: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.