Saffron color: code #F4C430
Saffron
#F4C430
Color codes
- HEX
#F4C430 - RGB
rgb(244, 196, 48) - HSL
hsl(45, 90%, 57%) - HSV
hsv(45, 80%, 96%) - CMYK
cmyk(0%, 20%, 80%, 4%) - LAB
lab(81.3% 3.9 74.1) - OKLCH
oklch(84% 0.16 89.2)
About the color Saffron
Saffron has the HEX code #F4C430, which corresponds to rgb(244, 196, 48) in the RGB model. On the color wheel its hue sits at 45°, with 90% saturation and 57% lightness (hsl(45, 90%, 57%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 12.78:1 contrast ratio on it, versus 1.64:1 for white.
For print, the approximate conversion is cmyk(0%, 20%, 80%, 4%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Saffron
Complementary
#F4C430 · #2F60F4
Analogous
#F4602F · #F4C430 · #C3F42F
Triadic
#F4C430 · #2FF4C3 · #C32FF4
Tetradic
#F4C430 · #2FF460 · #2F60F4 · #F42FC3
Split-complementary
#F4C430 · #2FC3F4 · #602FF4
Monochromatic
#9B7608 · #E4AE0C · #F4C430 · #F8D877 · #FCEDC0
Saffron with white and black text
How to use it in CSS
:root {
--color-saffron: #F4C430;
--color-saffron-rgb: 244, 196, 48;
}
.elemento {
background-color: var(--color-saffron);
color: #000000;
}