#FFCB77 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #ffcb77 when a design needs warmth without weight. This pastel shade of orange has high lightness and gentle saturation, so it reads mellow rather than loud. It shines as a dominant background in spring campaigns, food packaging, or youth branding, and looks richer beside teal or deep brown than beside plain white. Black body text passes easily on the hex code #ffcb77, with contrast near 14.1:1.
Questions about #ffcb77
What is #ffcb77 in RGB, HSL and CMYK?
In RGB, #ffcb77 is rgb(255, 203, 119), in HSL hsl(37, 100%, 73%) and in CMYK 0%, 20%, 53%, 0%. Browse more shades of yellow with names and hex codes.
What colors pair well with #ffcb77?
Teal and deep brown bring out the warmth in #ffcb77 without clashing. Charcoal works too when the orange needs a calmer anchor, while navy suits it for spring and baby product palettes.
Is #ffcb77 readable on white or black?
#ffcb77 has a 1.49:1 contrast ratio on white and 14.06: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.