#FAB370 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fab370 is a bright, pastel orange with a warm, optimistic glow. Because it is highly saturated, this shade functions best as an accent color rather than a dominant background. It offers excellent readability with black text, making it useful for high-contrast UI elements. You might find that mixing pink tones helps soften its intensity when paired in seasonal palettes.
Questions about #fab370
What is #fab370 in RGB, HSL and CMYK?
In RGB, #fab370 is rgb(250, 179, 112), in HSL hsl(29, 93%, 71%) and in CMYK 0%, 28%, 55%, 2%.
How should I use #fab370 in UI design?
#fab370 functions best as an interactive accent rather than a primary background because of its high saturation levels. Use it for call-to-action buttons or notification badges where you need a warm, alert-style color that remains readable against black text.
What colors pair well with #fab370?
This pastel orange balances beautifully when paired with cool blue tones to provide a strong complementary contrast. For a softer, more seasonal approach, blending it with muted pink or cream-toned neutrals helps tone down the intensity while keeping the warmth.
Is #fab370 readable on white or black?
#fab370 has a 1.78:1 contrast ratio on white and 11.74: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.