#F0B67B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, pastel orange feels optimistic and approachable. With its warm and unsaturated character, #f0b67b works best as a supporting tone or background color in youthful branding. Because it offers high contrast with black text, it is a safe choice for UI elements. Pair this hex code with a deep, dusty teal to ground its sunny energy without making your design feel overwhelming.
Questions about #f0b67b
What is #f0b67b in RGB, HSL and CMYK?
In RGB, #f0b67b is rgb(240, 182, 123), in HSL hsl(30, 80%, 71%) and in CMYK 0%, 24%, 49%, 6%. Browse more shades of orange with names and hex codes.
What colors pair best with #f0b67b for a balanced design?
Pair #f0b67b with a deep, dusty teal to ground its sunny energy without making your design feel overwhelming. Because the orange is unsaturated, it also works beautifully against charcoal grays or soft cream tones for a sophisticated, modern layout.
Is #f0b67b a good choice for UI text or buttons?
This color functions well as a background for UI elements, but it is too light to use as a primary text color against white. If using #f0b67b for buttons, ensure you use a high-contrast black or dark navy text to maintain accessibility.
Is #f0b67b readable on white or black?
#f0b67b has a 1.79:1 contrast ratio on white and 11.68: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.