#FBD63F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma yellow radiates warmth and spontaneity. Because #fbd63f is so intense, it works best as a 10% accent color for calls to action or sale banners rather than a full background. Black text remains highly legible against this hue, maintaining a strong contrast ratio. Pair it with deep charcoal or slate greys to anchor the composition and prevent the color from feeling too overwhelming.
Questions about #fbd63f
What is #fbd63f in RGB, HSL and CMYK?
In RGB, #fbd63f is rgb(251, 214, 63), in HSL hsl(48, 96%, 62%) and in CMYK 0%, 15%, 75%, 2%.
How should I use #fbd63f in a professional interface?
Use #fbd63f sparingly as a 10% accent color for buttons or key call-to-action banners where high visibility is required. Because this intense yellow can easily overwhelm a layout, anchor it against deep charcoal or dark navy backgrounds to maintain visual balance and legibility.
Is #fbd63f readable on white or black?
#fbd63f has a 1.41:1 contrast ratio on white and 14.79: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.