#FFCB65 Hex Color

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

Select a Color

A sparkling, warm yellow, the hex code #ffcb65 radiates optimism. Its high saturation makes it a bold choice for sale banners or branding that needs an immediate, energetic pop. Because it provides high contrast with black text, it works well for UI elements like buttons or small icons. Pair it with deep charcoal or slate gray to ground its intensity and prevent it from appearing too loud.

Questions about #ffcb65

What is #ffcb65 in RGB, HSL and CMYK?

In RGB, #ffcb65 is rgb(255, 203, 101), in HSL hsl(40, 100%, 70%) and in CMYK 0%, 20%, 60%, 0%.

What colors pair best with #ffcb65?

This warm yellow creates a sophisticated balance when paired with deep charcoal or cool slate gray, which ground its natural intensity. For a more vibrant approach, using complementary purple tones creates a classic high-contrast look that pops on screen.

Is #ffcb65 readable on white or black?

#ffcb65 has a 1.50:1 contrast ratio on white and 13.98: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.

#FFCB65 Hex Color

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

Questions about #ffcb65

Color tools

Resources