Lighter companion
Ember Pearl Bright
#F8CBB4 · hsl(20, 84%, 84%)
RGB
rgb(245, 177, 142)
HSL
hsl(20, 84%, 76%)
CMYK
cmyk(0%, 28%, 42%, 4%)
Metrics
S 84% · L 76%
Contrast (WCAG)
on white
1.8:1Fail
on black
11.6:1AA
About this color
Ember Bloom Bright (#F5B18E) belongs to the orange family — hue 20°, 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-ember-bloom-bright: #F5B18E; --colorarchive-ember-bloom-bright-hsl: hsl(20, 84%, 76%); --colorarchive-ember-bloom-bright-rgb: rgb(245, 177, 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
Ember Silk Bright
#F29769 · hsl(20, 84%, 68%)
Complementary counterpoint
Azure Bloom Bright
#8ED3F5 · hsl(200, 84%, 76%)
Analogous lead
Saffron Bloom Bright
#F5DC8E · hsl(45, 84%, 76%)
Analogous echo
Crimson Bloom Bright
#F58E8E · hsl(0, 84%, 76%)
Triadic +120°
Seafoam Bloom Bright
#8EF5B1 · hsl(140, 84%, 76%)
Triadic +240°
Orchid Bloom Bright
#B18EF5 · hsl(260, 84%, 76%)
Split-comp +150°
Lagoon Bloom Bright
#8EF5E4 · hsl(170, 84%, 76%)
Split-comp +210°
Indigo Bloom Bright
#8EA0F5 · hsl(230, 84%, 76%)
Export preview
Base: Ember Bloom Bright #F5B18E Lighter companion: Ember Pearl Bright #F8CBB4 Darker companion: Ember Silk Bright #F29769 Complementary counterpoint: Azure Bloom Bright #8ED3F5 Analogous lead: Saffron Bloom Bright #F5DC8E Analogous echo: Crimson Bloom Bright #F58E8E Triadic +120°: Seafoam Bloom Bright #8EF5B1 Triadic +240°: Orchid Bloom Bright #B18EF5 Split-comp +150°: Lagoon Bloom Bright #8EF5E4 Split-comp +210°: Indigo Bloom Bright #8EA0F5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Ember Bloom Pure
#FAAF89 · hsl(20, 92%, 76%)
Nearby match
Ember Bloom Vivid
#EFB395 · hsl(20, 74%, 76%)
Nearby match
Vermillion Bloom Bright
#F5A88E · hsl(15, 84%, 76%)
Nearby match
Tangerine Bloom Bright
#F5B98E · hsl(25, 84%, 76%)
Nearby match
Ember Silk Bright
#F29769 · hsl(20, 84%, 68%)
Nearby match
Ember Pearl Bright
#F8CBB4 · hsl(20, 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
#DFE39A
Protanopia
#DBDA97
Tritanopia
#F29EA0
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.