#FFBC80 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ffbc80 graphic
This pastel orange is mellow and airy, lacking the intensity of brighter, saturated hues. It performs well as a background for spring-themed branding or baby products. Because it offers high contrast with black text, it maintains strong readability in UI designs. The hex code for this shade is #ffbc80.

Questions about #ffbc80

What is #ffbc80 in RGB, HSL and CMYK?
In RGB, #ffbc80 is rgb(255, 188, 128), in HSL hsl(28, 100%, 75%) and in CMYK 0%, 26%, 50%, 0%.
How can I effectively use #ffbc80 in interface design?
#ffbc80 provides excellent contrast against black text, making it a reliable choice for buttons or background accents that require high readability. Because of its soft, pastel nature, it creates a welcoming and approachable mood without overwhelming the user's eye.
What colors pair well with #ffbc80?
This pastel orange pairs beautifully with deep navy or charcoal to ground its airy quality. For a more vibrant or summery palette, consider combining #ffbc80 with soft teal or a muted olive green to create organic, balanced color schemes.
Is #ffbc80 readable on white or black?
#ffbc80 has a 1.64:1 contrast ratio on white and 12.75: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.