#FBC364 Hex Color

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

Hex color #fbc364 graphic
#fbc364 is a bright, golden orange with high saturation. This sunny hue works well as an energetic accent color for youthful or adventure-themed branding. Because of its light value, it requires dark text for readability, providing strong contrast for accessibility. Pair this warm tone with deep navy or charcoal to ground your layout. The hex code for this shade is #fbc364.

Questions about #fbc364

What is #fbc364 in RGB, HSL and CMYK?
In RGB, #fbc364 is rgb(251, 195, 100), in HSL hsl(38, 95%, 69%) and in CMYK 0%, 22%, 60%, 2%. Browse more shades of yellow with names and hex codes.
What colors pair well with #fbc364 in a design?
Pair #fbc364 with navy or charcoal to anchor its high energy and ensure readability. Because this hue is so bright and light-valued, using dark, neutral colors creates the necessary visual weight to ground your design effectively.
How should I use #fbc364 in user interface design?
Use #fbc364 as a small accent for call-to-action buttons or highlights where you want to draw immediate user attention. Because it is highly saturated, avoid using it for large text blocks or backgrounds to maintain accessibility and prevent eye strain.
Is #fbc364 readable on white or black?
#fbc364 has a 1.60:1 contrast ratio on white and 13.09: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.