Citrine Core Vivid — #D5D520 Hex Color Code

RGB

rgb(213, 213, 32)

HSL

hsl(60, 74%, 48%)

Metrics

S 74% · L 48%

Contrast (WCAG)

on white

1.6:1Fail

on black

13.4:1AA

Recent trail

About this color

Citrine Core Vivid (#D5D520) belongs to the yellow family — hue 60°, 74% saturation, 48% 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-core-vivid: #D5D520; /* hsl(60, 74%, 48%) */
}

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 Radiant Vivid

#E1E133 · hsl(60, 74%, 54%)

Darker companion

Citrine Velvet Vivid

#BABA1C · hsl(60, 74%, 42%)

Complementary counterpoint

Iris Core Vivid

#2020D5 · hsl(240, 74%, 48%)

Analogous lead

Olive Core Vivid

#99D520 · hsl(80, 74%, 48%)

Analogous echo

Apricot Core Vivid

#D59920 · hsl(40, 74%, 48%)

Export preview

Base: Citrine Core Vivid #D5D520
Lighter companion: Citrine Radiant Vivid #E1E133
Darker companion: Citrine Velvet Vivid #BABA1C
Complementary counterpoint: Iris Core Vivid #2020D5
Analogous lead: Olive Core Vivid #99D520
Analogous echo: Apricot Core Vivid #D59920