Lighter companion
Citrine Bloom Muted
#CDCDB7 · hsl(60, 18%, 76%)
RGB
rgb(188, 188, 159)
HSL
hsl(60, 18%, 68%)
Metrics
S 18% · L 68%
Contrast (WCAG)
on white
1.9:1Fail
on black
10.8:1AA
About this color
Citrine Silk Muted (#BCBC9F) belongs to the yellow family — hue 60°, 18% saturation, 68% 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-silk-muted: #BCBC9F; --colorarchive-citrine-silk-muted-hsl: hsl(60, 18%, 68%); --colorarchive-citrine-silk-muted-rgb: rgb(188, 188, 159); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Citrine Tone Muted
#ABAB87 · hsl(60, 18%, 60%)
Complementary counterpoint
Iris Silk Muted
#9F9FBC · hsl(240, 18%, 68%)
Analogous lead
Olive Silk Muted
#B2BC9F · hsl(80, 18%, 68%)
Analogous echo
Apricot Silk Muted
#BCB29F · hsl(40, 18%, 68%)
Triadic +120°
Aqua Silk Muted
#9FBCBC · hsl(180, 18%, 68%)
Triadic +240°
Fuchsia Silk Muted
#BC9FBC · hsl(300, 18%, 68%)
Split-comp +150°
Sapphire Silk Muted
#9FADBC · hsl(210, 18%, 68%)
Split-comp +210°
Plum Silk Muted
#AD9FBC · hsl(270, 18%, 68%)
Export preview
Base: Citrine Silk Muted #BCBC9F Lighter companion: Citrine Bloom Muted #CDCDB7 Darker companion: Citrine Tone Muted #ABAB87 Complementary counterpoint: Iris Silk Muted #9F9FBC Analogous lead: Olive Silk Muted #B2BC9F Analogous echo: Apricot Silk Muted #BCB29F Triadic +120°: Aqua Silk Muted #9FBCBC Triadic +240°: Fuchsia Silk Muted #BC9FBC Split-comp +150°: Sapphire Silk Muted #9FADBC Split-comp +210°: Plum Silk Muted #AD9FBC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Tone Muted
#ABAB87 · hsl(60, 18%, 60%)
Nearby match
Citrine Bloom Muted
#CDCDB7 · hsl(60, 18%, 76%)
Nearby match
Citrine Silk Soft
#C9C992 · hsl(60, 34%, 68%)
Nearby match
Citrine Radiant Muted
#9F9F75 · hsl(60, 18%, 54%)
Nearby match
Amber Silk Muted
#BCB79F · hsl(50, 18%, 68%)
Nearby match
Honey Silk Muted
#B7BC9F · hsl(70, 18%, 68%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.