Lighter companion
Citrine Veil Vivid
#FEFEF6 · hsl(60, 74%, 98%)
RGB
rgb(251, 251, 228)
HSL
hsl(60, 74%, 94%)
CMYK
cmyk(0%, 0%, 9%, 2%)
Metrics
S 74% · L 94%
Contrast (WCAG)
on white
1:1Fail
on black
20:1AA
About this color
Citrine Whisper Vivid (#FBFBE4) belongs to the yellow family — hue 60°, 74% saturation, 94% 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-whisper-vivid: #FBFBE4; --colorarchive-citrine-whisper-vivid-hsl: hsl(60, 74%, 94%); --colorarchive-citrine-whisper-vivid-rgb: rgb(251, 251, 228); }
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 Mist Vivid
#F8F8D3 · hsl(60, 74%, 90%)
Complementary counterpoint
Iris Whisper Vivid
#E4E4FB · hsl(240, 74%, 94%)
Analogous lead
Olive Whisper Vivid
#F3FBE4 · hsl(80, 74%, 94%)
Analogous echo
Apricot Whisper Vivid
#FBF3E4 · hsl(40, 74%, 94%)
Triadic +120°
Aqua Whisper Vivid
#E4FBFB · hsl(180, 74%, 94%)
Triadic +240°
Fuchsia Whisper Vivid
#FBE4FB · hsl(300, 74%, 94%)
Split-comp +150°
Sapphire Whisper Vivid
#E4F0FB · hsl(210, 74%, 94%)
Split-comp +210°
Plum Whisper Vivid
#F0E4FB · hsl(270, 74%, 94%)
Export preview
Base: Citrine Whisper Vivid #FBFBE4 Lighter companion: Citrine Veil Vivid #FEFEF6 Darker companion: Citrine Mist Vivid #F8F8D3 Complementary counterpoint: Iris Whisper Vivid #E4E4FB Analogous lead: Olive Whisper Vivid #F3FBE4 Analogous echo: Apricot Whisper Vivid #FBF3E4 Triadic +120°: Aqua Whisper Vivid #E4FBFB Triadic +240°: Fuchsia Whisper Vivid #FBE4FB Split-comp +150°: Sapphire Whisper Vivid #E4F0FB Split-comp +210°: Plum Whisper Vivid #F0E4FB
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Mist Vivid
#F8F8D3 · hsl(60, 74%, 90%)
Nearby match
Citrine Veil Vivid
#FEFEF6 · hsl(60, 74%, 98%)
Nearby match
Citrine Whisper Bright
#FDFDE3 · hsl(60, 84%, 94%)
Nearby match
Canary Whisper Vivid
#FBF9E4 · hsl(55, 74%, 94%)
Nearby match
Citrine Pearl Vivid
#F4F4B8 · hsl(60, 74%, 84%)
Nearby match
Citrine Mist Bright
#FBFBD0 · hsl(60, 84%, 90%)
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
#FBFBEB
Protanopia
#FBFBEA
Tritanopia
#FBEEEF
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.