Lighter companion
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
RGB
rgb(227, 227, 161)
HSL
hsl(60, 54%, 76%)
CMYK
cmyk(0%, 0%, 29%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.3:1Fail
on black
15.8:1AA
About this color
Citrine Bloom Clear (#E3E3A1) belongs to the yellow family — hue 60°, 54% 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-citrine-bloom-clear: #E3E3A1; --colorarchive-citrine-bloom-clear-hsl: hsl(60, 54%, 76%); --colorarchive-citrine-bloom-clear-rgb: rgb(227, 227, 161); }
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 Silk Clear
#D9D981 · hsl(60, 54%, 68%)
Complementary counterpoint
Iris Bloom Clear
#A1A1E3 · hsl(240, 54%, 76%)
Analogous lead
Olive Bloom Clear
#CDE3A1 · hsl(80, 54%, 76%)
Analogous echo
Apricot Bloom Clear
#E3CDA1 · hsl(40, 54%, 76%)
Triadic +120°
Aqua Bloom Clear
#A1E3E3 · hsl(180, 54%, 76%)
Triadic +240°
Fuchsia Bloom Clear
#E3A1E3 · hsl(300, 54%, 76%)
Split-comp +150°
Sapphire Bloom Clear
#A1C2E3 · hsl(210, 54%, 76%)
Split-comp +210°
Plum Bloom Clear
#C2A1E3 · hsl(270, 54%, 76%)
Export preview
Base: Citrine Bloom Clear #E3E3A1 Lighter companion: Citrine Pearl Clear #ECECC0 Darker companion: Citrine Silk Clear #D9D981 Complementary counterpoint: Iris Bloom Clear #A1A1E3 Analogous lead: Olive Bloom Clear #CDE3A1 Analogous echo: Apricot Bloom Clear #E3CDA1 Triadic +120°: Aqua Bloom Clear #A1E3E3 Triadic +240°: Fuchsia Bloom Clear #E3A1E3 Split-comp +150°: Sapphire Bloom Clear #A1C2E3 Split-comp +210°: Plum Bloom Clear #C2A1E3
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Bloom Clear
#E3DDA1 · hsl(55, 54%, 76%)
Nearby match
Citrine Silk Clear
#D9D981 · hsl(60, 54%, 68%)
Nearby match
Citrine Pearl Clear
#ECECC0 · hsl(60, 54%, 84%)
Nearby match
Citrine Bloom Soft
#D7D7AD · hsl(60, 34%, 76%)
Nearby match
Citrine Bloom Vivid
#EFEF95 · hsl(60, 74%, 76%)
Nearby match
Citrine Mist Clear
#F3F3D8 · hsl(60, 54%, 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
#E3E3B8
Protanopia
#E3E3B4
Tritanopia
#E3C1C4
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.
Appears in collections