#FFCB80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow orange radiates warmth without feeling overwhelming. As a high-contrast choice for accessibility, the hex code #ffcb80 works well as a grounding background color paired with dark charcoal text. It leans unsaturated and soft, making it useful for approachable branding or spring-themed layouts. Avoid using it as a thin line or small font, as its lightness can make fine details hard to read.
Questions about #ffcb80
What is #ffcb80 in RGB, HSL and CMYK?
In RGB, #ffcb80 is rgb(255, 203, 128), in HSL hsl(35, 100%, 75%) and in CMYK 0%, 20%, 50%, 0%.
When should I use #ffcb80 in my web design?
Use #ffcb80 as a grounding background color to establish a soft, welcoming atmosphere in your UI layouts. Because it is light and unsaturated, it pairs effectively with high-contrast text like charcoal or deep brown to ensure your content remains readable.
Is #ffcb80 suitable for text or small details?
Avoid using #ffcb80 for small text or thin lines, as its lack of saturation makes it difficult to read against most backgrounds. Stick to using this hue for larger shapes, buttons, or expansive design elements to maintain visual clarity and proper accessibility standards.
Is #ffcb80 readable on white or black?
#ffcb80 has a 1.48:1 contrast ratio on white and 14.10: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.