Lighter companion
Saffron Pearl Bright
#F8E7B4 · hsl(45, 84%, 84%)
RGB
rgb(245, 220, 142)
HSL
hsl(45, 84%, 76%)
CMYK
cmyk(0%, 10%, 42%, 4%)
Metrics
S 84% · L 76%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.5:1AA
About this color
Saffron Bloom Bright (#F5DC8E) belongs to the yellow family — hue 45°, 84% saturation, 76% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-saffron-bloom-bright: #F5DC8E; --colorarchive-saffron-bloom-bright-hsl: hsl(45, 84%, 76%); --colorarchive-saffron-bloom-bright-rgb: rgb(245, 220, 142); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Saffron Silk Bright
#F2D069 · hsl(45, 84%, 68%)
Complementary counterpoint
Cobalt Bloom Bright
#8EB1F5 · hsl(220, 84%, 76%)
Analogous lead
Honey Bloom Bright
#E4F58E · hsl(70, 84%, 76%)
Analogous echo
Ember Bloom Bright
#F5B18E · hsl(20, 84%, 76%)
Triadic +120°
Teal Bloom Bright
#8EF5D3 · hsl(160, 84%, 76%)
Triadic +240°
Mulberry Bloom Bright
#D38EF5 · hsl(280, 84%, 76%)
Split-comp +150°
Cerulean Bloom Bright
#8EE4F5 · hsl(190, 84%, 76%)
Split-comp +210°
Violet Bloom Bright
#A08EF5 · hsl(250, 84%, 76%)
Export preview
Base: Saffron Bloom Bright #F5DC8E Lighter companion: Saffron Pearl Bright #F8E7B4 Darker companion: Saffron Silk Bright #F2D069 Complementary counterpoint: Cobalt Bloom Bright #8EB1F5 Analogous lead: Honey Bloom Bright #E4F58E Analogous echo: Ember Bloom Bright #F5B18E Triadic +120°: Teal Bloom Bright #8EF5D3 Triadic +240°: Mulberry Bloom Bright #D38EF5 Split-comp +150°: Cerulean Bloom Bright #8EE4F5 Split-comp +210°: Violet Bloom Bright #A08EF5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Saffron Bloom Pure
#FADE89 · hsl(45, 92%, 76%)
Nearby match
Saffron Bloom Vivid
#EFD895 · hsl(45, 74%, 76%)
Nearby match
Apricot Bloom Bright
#F5D38E · hsl(40, 84%, 76%)
Nearby match
Amber Bloom Bright
#F5E48E · hsl(50, 84%, 76%)
Nearby match
Saffron Silk Bright
#F2D069 · hsl(45, 84%, 68%)
Nearby match
Saffron Pearl Bright
#F8E7B4 · hsl(45, 84%, 84%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#ECEEAA
Protanopia
#EBEAA5
Tritanopia
#F4B5B8
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.