#FABC5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fabc5f is a sunny, golden orange with high saturation that creates a friendly and energetic mood. Because it sits comfortably against black text, it works well for UI buttons or highlights where high contrast is necessary. Use this color as an accent rather than a full background to keep designs from feeling overwhelming. You can pair it with deep slate blues or similar orange shades for balance.
Questions about #fabc5f
What is #fabc5f in RGB, HSL and CMYK?
In RGB, #fabc5f is rgb(250, 188, 95), in HSL hsl(36, 94%, 68%) and in CMYK 0%, 25%, 62%, 2%.
How does #fabc5f perform when used with text?
This orange provides sufficient contrast against black text, making it a reliable choice for buttons or notification highlights. When using it as a background, however, prioritize bold, dark fonts like charcoal to ensure your design remains accessible and easy to read.
What colors pair well with #fabc5f?
Pair #fabc5f with deep, cool-toned shades like navy or slate blue to balance its inherent warmth and saturation. These contrasting colors ground the energy of this orange, preventing it from overwhelming the rest of your layout.
Is #fabc5f readable on white or black?
#fabc5f has a 1.69:1 contrast ratio on white and 12.42: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.