Citrine Tone Clear — #D0D062 Hex Color Code

RGB

rgb(208, 208, 98)

HSL

hsl(60, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

1.6:1Fail

on black

12.9:1AA

Recent trail

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; /* hsl(60, 54%, 60%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Citrine Silk Clear

#D9D981 · hsl(60, 54%, 68%)

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%)

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