Citrine Bloom Pure (#FAFA89) belongs to the yellow family — hue 60°, 92% 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.
:root { --colorarchive-citrine-bloom-pure: #FAFA89; --colorarchive-citrine-bloom-pure-hsl: hsl(60, 92%, 76%); --colorarchive-citrine-bloom-pure-rgb: rgb(250, 250, 137); }
Let AI suggest alternative poetic names for this color in English and Chinese.
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Citrine Bloom Pure #FAFA89 Lighter companion: Citrine Pearl Pure #FCFCB1 Darker companion: Citrine Silk Pure #F8F862 Complementary counterpoint: Iris Bloom Pure #8989FA Analogous lead: Olive Bloom Pure #D5FA89 Analogous echo: Apricot Bloom Pure #FAD589 Triadic +120°: Aqua Bloom Pure #89FAFA Triadic +240°: Fuchsia Bloom Pure #FA89FA Split-comp +150°: Sapphire Bloom Pure #89C2FA Split-comp +210°: Plum Bloom Pure #C289FA
The closest archive matches by hue, saturation, and lightness.
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
How this color appears with different color vision deficiencies.
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.