#FFB18B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mellow orange feels approachable and bright without overwhelming the viewer. With its glowing, pastel quality, the hex code #ffb18b works best as a supporting accent in design systems rather than a dominant base. It pairs effectively with deep charcoal or muted slate tones to ground its warmth. Because it offers strong contrast against black text, it remains a practical choice for readable UI elements.
Questions about #ffb18b
What is #ffb18b in RGB, HSL and CMYK?
In RGB, #ffb18b is rgb(255, 177, 139), in HSL hsl(20, 100%, 77%) and in CMYK 0%, 31%, 45%, 0%.
Which colors pair best with #ffb18b in a design layout?
#ffb18b works beautifully when grounded by strong neutrals like charcoal or deep slate, which prevent the warmth from becoming too dominant. For a vibrant contrast, consider pairing it with a muted teal or deep navy to create visual balance.
Is #ffb18b suitable for body text or interface elements?
While #ffb18b creates an excellent, approachable accent for buttons or icons, it is generally too light to serve as primary body text. It works well against dark backgrounds where its inherent softness provides high readability without the harsh glare of bright orange.
Is #ffb18b readable on white or black?
#ffb18b has a 1.76:1 contrast ratio on white and 11.91: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.