#FFCA80 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange feels optimistic and light with its warm, glowing undertones. Because it offers high contrast against black text, #ffca80 functions well as a background for clean, readable UI designs. It pairs effectively with deep charcoal or muted teal to ground its inherent playfulness. Keep in mind that this hex code can look washed out if surrounded by too much white space.
Questions about #ffca80
What is #ffca80 in RGB, HSL and CMYK?
In RGB, #ffca80 is rgb(255, 202, 128), in HSL hsl(35, 100%, 75%) and in CMYK 0%, 21%, 50%, 0%.
What colors pair best with #ffca80 in a UI layout?
How can I prevent #ffca80 from looking washed out?
#ffca80 often loses its vibrancy when surrounded by too much white space, so it needs darker elements to frame it effectively. By using deep, saturated colors in the surrounding layout, you maintain the warmth of this orange without it fading into the background.
Is #ffca80 readable on white or black?
#ffca80 has a 1.49:1 contrast ratio on white and 14.01: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.