Lighter companion
Citrine Silk Pure
#F8F862 · hsl(60, 92%, 68%)
RGB
rgb(247, 247, 59)
HSL
hsl(60, 92%, 60%)
CMYK
cmyk(0%, 0%, 76%, 3%)
Metrics
S 92% · L 60%
Contrast (WCAG)
on white
1.1:1Fail
on black
18.3:1AA
About this color
Citrine Tone Pure (#F7F73B) belongs to the yellow family — hue 60°, 92% 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-pure: #F7F73B; --colorarchive-citrine-tone-pure-hsl: hsl(60, 92%, 60%); --colorarchive-citrine-tone-pure-rgb: rgb(247, 247, 59); }
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 Pure
#F6F61E · hsl(60, 92%, 54%)
Complementary counterpoint
Iris Tone Pure
#3B3BF7 · hsl(240, 92%, 60%)
Analogous lead
Olive Tone Pure
#B8F73B · hsl(80, 92%, 60%)
Analogous echo
Apricot Tone Pure
#F7B83B · hsl(40, 92%, 60%)
Triadic +120°
Aqua Tone Pure
#3BF7F7 · hsl(180, 92%, 60%)
Triadic +240°
Fuchsia Tone Pure
#F73BF7 · hsl(300, 92%, 60%)
Split-comp +150°
Sapphire Tone Pure
#3B99F7 · hsl(210, 92%, 60%)
Split-comp +210°
Plum Tone Pure
#993BF7 · hsl(270, 92%, 60%)
Export preview
Base: Citrine Tone Pure #F7F73B Lighter companion: Citrine Silk Pure #F8F862 Darker companion: Citrine Radiant Pure #F6F61E Complementary counterpoint: Iris Tone Pure #3B3BF7 Analogous lead: Olive Tone Pure #B8F73B Analogous echo: Apricot Tone Pure #F7B83B Triadic +120°: Aqua Tone Pure #3BF7F7 Triadic +240°: Fuchsia Tone Pure #F73BF7 Split-comp +150°: Sapphire Tone Pure #3B99F7 Split-comp +210°: Plum Tone Pure #993BF7
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Tone Bright
#EFEF43 · hsl(60, 84%, 60%)
Nearby match
Citrine Radiant Pure
#F6F61E · hsl(60, 92%, 54%)
Nearby match
Canary Tone Pure
#F7E73B · hsl(55, 92%, 60%)
Nearby match
Citrine Silk Pure
#F8F862 · hsl(60, 92%, 68%)
Nearby match
Citrine Radiant Bright
#ECEC27 · hsl(60, 84%, 54%)
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
#F7F797
Protanopia
#F7F78B
Tritanopia
#F7AFB5
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.