#FACC15 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#facc15 is an intensely saturated, luminous yellow that demands immediate attention. Because of its high intensity, use this shade as a small accent rather than a full background. It pairs well with charcoal or deep navy to ground its energetic glow. Black text offers excellent readability against this hex code, making it a functional choice for high-visibility UI buttons or urgent sale callouts.
Questions about #facc15
What is #facc15 in RGB, HSL and CMYK?
In RGB, #facc15 is rgb(250, 204, 21), in HSL hsl(48, 96%, 53%) and in CMYK 0%, 18%, 92%, 2%.
How should #facc15 be used in web design?
Use #facc15 primarily as an attention-grabbing accent for buttons, calls to action, or highlight indicators rather than a background. Its extreme luminosity creates visual fatigue quickly, but it maintains excellent readability when paired with high-contrast text like charcoal.
What colors complement #facc15 best?
Because #facc15 is so high-energy, it thrives when grounded by deep, muted tones that offset its warmth. Pair it with dark navy or charcoal to balance the intensity and ensure your design remains professional and easy on the eyes.
Is #facc15 readable on white or black?
#facc15 has a 1.53:1 contrast ratio on white and 13.71: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.