Lighter companion
Citrine Veil Bright
#FEFEF6 · hsl(60, 84%, 98%)
RGB
rgb(253, 253, 227)
HSL
hsl(60, 84%, 94%)
CMYK
cmyk(0%, 0%, 10%, 1%)
Metrics
S 84% · L 94%
Contrast (WCAG)
on white
1:1Fail
on black
20.3:1AA
About this color
Citrine Whisper Bright (#FDFDE3) belongs to the yellow family — hue 60°, 84% 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-bright: #FDFDE3; --colorarchive-citrine-whisper-bright-hsl: hsl(60, 84%, 94%); --colorarchive-citrine-whisper-bright-rgb: rgb(253, 253, 227); }
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 Bright
#FBFBD0 · hsl(60, 84%, 90%)
Complementary counterpoint
Iris Whisper Bright
#E3E3FD · hsl(240, 84%, 94%)
Analogous lead
Olive Whisper Bright
#F4FDE3 · hsl(80, 84%, 94%)
Analogous echo
Apricot Whisper Bright
#FDF4E3 · hsl(40, 84%, 94%)
Triadic +120°
Aqua Whisper Bright
#E3FDFD · hsl(180, 84%, 94%)
Triadic +240°
Fuchsia Whisper Bright
#FDE3FD · hsl(300, 84%, 94%)
Split-comp +150°
Sapphire Whisper Bright
#E3F0FD · hsl(210, 84%, 94%)
Split-comp +210°
Plum Whisper Bright
#F0E3FD · hsl(270, 84%, 94%)
Export preview
Base: Citrine Whisper Bright #FDFDE3 Lighter companion: Citrine Veil Bright #FEFEF6 Darker companion: Citrine Mist Bright #FBFBD0 Complementary counterpoint: Iris Whisper Bright #E3E3FD Analogous lead: Olive Whisper Bright #F4FDE3 Analogous echo: Apricot Whisper Bright #FDF4E3 Triadic +120°: Aqua Whisper Bright #E3FDFD Triadic +240°: Fuchsia Whisper Bright #FDE3FD Split-comp +150°: Sapphire Whisper Bright #E3F0FD Split-comp +210°: Plum Whisper Bright #F0E3FD
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Mist Bright
#FBFBD0 · hsl(60, 84%, 90%)
Nearby match
Citrine Veil Bright
#FEFEF6 · hsl(60, 84%, 98%)
Nearby match
Citrine Whisper Pure
#FEFEE2 · hsl(60, 92%, 94%)
Nearby match
Citrine Whisper Vivid
#FBFBE4 · hsl(60, 74%, 94%)
Nearby match
Canary Whisper Bright
#FDFAE3 · hsl(55, 84%, 94%)
Nearby match
Citrine Mist Pure
#FDFDCE · hsl(60, 92%, 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
#FDFDEB
Protanopia
#FDFDEA
Tritanopia
#FDEFF0
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.