Jewelyellow
HSL
72° · 65% · 38%
Deep Citrine Gloss
#87a022
Notes
Deep Citrine Gloss (#87A022) is a true yellow with a jewel character. It carries the deep, saturated richness of a gemstone. Authoritative and slightly formal, it works well for type and heavy UI elements. Its HSL profile (72°, 65%, 38%) places it in the balanced band at a mid lightness. It works across type, buttons, and borders, saturated enough to feel deliberate but balanced enough to not fight the rest of the palette. For a confident two-color system, pair it with its complementary indigo. For something softer, pull in its analogous neighbors on either side of the wheel.
HEX
#87a022
RGB
rgb(135, 160, 34)
HSL
hsl(72, 65%, 38%)
Tints & Shades
Click any swatch to exploreHarmonies
Complementary
Split Complementary