Skip to main content
WebColorTools

Saffron — #F4C430

#F4C430, primarily known as Saffron, is composed of 96% red, 77% green, and 19% blue in RGB. In CMYK it is 0% cyan, 20% magenta, 80% yellow, 4% black. In HSL the hue angle is 45°, saturation 90%, and lightness 57%. The closest web-safe color is #FFCC33.

Format Value Copy
HEX #F4C430
RGB rgb(244, 196, 48)
HSL hsl(45.3, 89.9%, 57.3%)
HSV hsv(45.3, 80.3%, 95.7%)
CMYK cmyk(0%, 19.7%, 80.3%, 4.3%)
OKLCH oklch(83.99% 0.1598 89.19)
HWB hwb(45.3 18.8% 4.3%)
LAB lab(81.8% 8.09 73.98)
LCH lch(81.8% 74.4 83.8)
OKLAB oklab(83.99% 0.0022 0.1598)
XYZ X 57.59 Y 58.93 Z 11.14
Web Safe #FFCC33
RGB Percent 95.7%, 76.9%, 18.8%
Decimal 16041008

Color harmonies

Harmony swatches keep the same saturation and lightness as the base color.

Explore on Color Wheel →

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Alternative colors

Nearby variations by nudging hue and lightness. Click a swatch to open that color.

Similar named colors

Nearest matches from our 30,000-name dataset (CIELAB ΔE). Click a swatch to open that color.

Tints, shades & tones

Full Tints, Shades & Tones →

On white

Sample

1.64:1

AA normal ✗ · AA large ✗

On black

Sample

12.79:1

AA normal ✓ · AA large ✓

Protanopia

88% similar

1.3% of men, 0.02% of women

Deuteranopia

96% similar

6% of men, 0.4% of women

Tritanopia

72% similar

0.001% of population

Achromatopsia

64% similar

0.003% of population

UI preview

Simplified components using a Tailwind-style scale generated from this color.

Open in Tailwind Scale Generator →

Button

Alert

Heads up

This alert uses lighter tints for the background and a mid-tone for the border.

Progress

67% complete