#FBAF87 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, warm orange carries a mellow glow that feels approachable and optimistic. Because it is light and desaturated, #fbaf87 functions best as a soft background or a supporting accent rather than a dominant primary color. It pairs surprisingly well with deep, charcoal greys or muted teals to ground its playful energy. Black text remains highly legible against this tone, maintaining strong contrast for essential UI details.
Questions about #fbaf87
What is #fbaf87 in RGB, HSL and CMYK?
In RGB, #fbaf87 is rgb(251, 175, 135), in HSL hsl(21, 94%, 76%) and in CMYK 0%, 30%, 46%, 2%.
What color combinations work best with #fbaf87?
This warm orange pairs effectively with charcoal or deep, muted teals to ground its playful energy. These high-contrast pairings ensure your text remains legible while keeping the design aesthetic balanced and professional for modern user interfaces.
How should I use #fbaf87 in UI design?
Use #fbaf87 as a subtle background or a supporting secondary accent rather than a primary shade. Its desaturated nature makes it an approachable, optimistic choice that does not overwhelm the eyes when paired with crisp black or dark grey text.
Is #fbaf87 readable on white or black?
#fbaf87 has a 1.81:1 contrast ratio on white and 11.58: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.