Named after the spice that colors paella and rice dishes. It's a golden yellow with an orange base. It's associated with Mediterranean cooking and the robes of Buddhist monks.
Also known as: saffron yellow.
Saffron (#F4C430) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 244 red, 196 green and 48 blue (out of 255). It is mostly used in food, fashion, home decor.
From lightest to darkest. Tap a shade to copy its code.
Combinations based on the color wheel. More in the color harmony tool.
Copy the codes or open a palette in the editor to tweak it.
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.
:root {
--saffron: #F4C430;
--saffron-rgb: 244, 196, 48;
}
.bg { background-color: var(--saffron); }
.text { color: var(--saffron); }The hex code for saffron is #F4C430. In RGB it is rgb(244, 196, 48), in HSL hsl(45, 90%, 57%) and in CMYK 0, 20, 80, 4.
Its complement on the color wheel is #3060F4, close to electric blue. Used in small doses, it works as an accent and adds strong contrast.
Use black text instead: the contrast with white is only 1.6:1, while with black it is 12.8:1.