Lighter companion
Citrine Silk Clear
#D9D981 · hsl(60, 54%, 68%)
RGB
rgb(208, 208, 98)
HSL
hsl(60, 54%, 60%)
CMYK
cmyk(0%, 0%, 53%, 18%)
Metrics
S 54% · L 60%
Contrast (WCAG)
on white
1.6:1Fail
on black
12.9:1AA
About this color
Citrine Tone Clear (#D0D062) belongs to the yellow family — hue 60°, 54% saturation, 60% 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-tone-clear: #D0D062; --colorarchive-citrine-tone-clear-hsl: hsl(60, 54%, 60%); --colorarchive-citrine-tone-clear-rgb: rgb(208, 208, 98); }
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 Radiant Clear
#C9C94A · hsl(60, 54%, 54%)
Complementary counterpoint
Iris Tone Clear
#6262D0 · hsl(240, 54%, 60%)
Analogous lead
Olive Tone Clear
#ABD062 · hsl(80, 54%, 60%)
Analogous echo
Apricot Tone Clear
#D0AB62 · hsl(40, 54%, 60%)
Triadic +120°
Aqua Tone Clear
#62D0D0 · hsl(180, 54%, 60%)
Triadic +240°
Fuchsia Tone Clear
#D062D0 · hsl(300, 54%, 60%)
Split-comp +150°
Sapphire Tone Clear
#6299D0 · hsl(210, 54%, 60%)
Split-comp +210°
Plum Tone Clear
#9962D0 · hsl(270, 54%, 60%)
Export preview
Base: Citrine Tone Clear #D0D062 Lighter companion: Citrine Silk Clear #D9D981 Darker companion: Citrine Radiant Clear #C9C94A Complementary counterpoint: Iris Tone Clear #6262D0 Analogous lead: Olive Tone Clear #ABD062 Analogous echo: Apricot Tone Clear #D0AB62 Triadic +120°: Aqua Tone Clear #62D0D0 Triadic +240°: Fuchsia Tone Clear #D062D0 Split-comp +150°: Sapphire Tone Clear #6299D0 Split-comp +210°: Plum Tone Clear #9962D0
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Radiant Clear
#C9C94A · hsl(60, 54%, 54%)
Nearby match
Canary Tone Clear
#D0C762 · hsl(55, 54%, 60%)
Nearby match
Citrine Silk Clear
#D9D981 · hsl(60, 54%, 68%)
Nearby match
Citrine Core Clear
#BCBC38 · hsl(60, 54%, 48%)
Nearby match
Citrine Tone Soft
#BCBC76 · hsl(60, 34%, 60%)
Nearby match
Citrine Tone Vivid
#E4E44E · hsl(60, 74%, 60%)
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
#D0D08F
Protanopia
#D0D088
Tritanopia
#D09EA2
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