#FFBA98 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow pastel orange glows with a fresh, youthful energy. Because #ffba98 is unsaturated, it works well as a soft, inviting background without overwhelming a layout. Designers often pair it with deep slate blues or rich charcoals to create a grounded, modern contrast. It reads clearly with black text, making it a reliable choice for accessible UI elements or branding that prioritizes warmth.
Questions about #ffba98
What is #ffba98 in RGB, HSL and CMYK?
In RGB, #ffba98 is rgb(255, 186, 152), in HSL hsl(20, 100%, 80%) and in CMYK 0%, 27%, 40%, 0%. Browse more shades of orange with names and hex codes.
What colors pair best with #ffba98 in a design?
Because #ffba98 is an unsaturated pastel, it works beautifully alongside deep slate blue or charcoal to create a grounded, modern contrast. These darker tones provide the necessary anchor to keep the layout from feeling too light or washed out.
Is #ffba98 readable on white or black?
#ffba98 has a 1.64:1 contrast ratio on white and 12.72: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.