Lighter companion
Citrine Mist Bright
#FBFBD0 · hsl(60, 84%, 90%)
RGB
rgb(248, 248, 180)
HSL
hsl(60, 84%, 84%)
CMYK
cmyk(0%, 0%, 27%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.1:1Fail
on black
19.1:1AA
About this color
Citrine Pearl Bright (#F8F8B4) belongs to the yellow family — hue 60°, 84% saturation, 84% 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-citrine-pearl-bright: #F8F8B4; --colorarchive-citrine-pearl-bright-hsl: hsl(60, 84%, 84%); --colorarchive-citrine-pearl-bright-rgb: rgb(248, 248, 180); }
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
Citrine Bloom Bright
#F5F58E · hsl(60, 84%, 76%)
Complementary counterpoint
Iris Pearl Bright
#B4B4F8 · hsl(240, 84%, 84%)
Analogous lead
Olive Pearl Bright
#E2F8B4 · hsl(80, 84%, 84%)
Analogous echo
Apricot Pearl Bright
#F8E2B4 · hsl(40, 84%, 84%)
Triadic +120°
Aqua Pearl Bright
#B4F8F8 · hsl(180, 84%, 84%)
Triadic +240°
Fuchsia Pearl Bright
#F8B4F8 · hsl(300, 84%, 84%)
Split-comp +150°
Sapphire Pearl Bright
#B4D6F8 · hsl(210, 84%, 84%)
Split-comp +210°
Plum Pearl Bright
#D6B4F8 · hsl(270, 84%, 84%)
Export preview
Base: Citrine Pearl Bright #F8F8B4 Lighter companion: Citrine Mist Bright #FBFBD0 Darker companion: Citrine Bloom Bright #F5F58E Complementary counterpoint: Iris Pearl Bright #B4B4F8 Analogous lead: Olive Pearl Bright #E2F8B4 Analogous echo: Apricot Pearl Bright #F8E2B4 Triadic +120°: Aqua Pearl Bright #B4F8F8 Triadic +240°: Fuchsia Pearl Bright #F8B4F8 Split-comp +150°: Sapphire Pearl Bright #B4D6F8 Split-comp +210°: Plum Pearl Bright #D6B4F8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Pearl Pure
#FCFCB1 · hsl(60, 92%, 84%)
Nearby match
Citrine Mist Bright
#FBFBD0 · hsl(60, 84%, 90%)
Nearby match
Citrine Pearl Vivid
#F4F4B8 · hsl(60, 74%, 84%)
Nearby match
Canary Pearl Bright
#F8F3B4 · hsl(55, 84%, 84%)
Nearby match
Citrine Bloom Bright
#F5F58E · hsl(60, 84%, 76%)
Nearby match
Citrine Whisper Bright
#FDFDE3 · hsl(60, 84%, 94%)
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
#F8F8CC
Protanopia
#F8F8C7
Tritanopia
#F8D5D8
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.