Saffron
Vibrant and energetic saturated golden yellow
Saffron is a saturated, golden yellow that radiates energy and spontaneity. Because it carries high visibility, this color functions best as an accent rather than a background. Pair #f4c430 with deep charcoals to create a grounded, high-contrast look. It remains highly legible with black text, making it a functional choice for buttons and call-to-action elements where you need to drive immediate user focus.
Questions about Saffron
What is the hex code for Saffron?
Saffron is #f4c430. In RGB that is rgb(244, 196, 48), in HSL hsl(45, 90%, 57%) and in CMYK 0%, 20%, 80%, 4%.
What colors pair well with Saffron #f4c430?
Is Saffron readable on white or black?
Saffron has a 1.64:1 contrast ratio on white and 12.78: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.