Citrine Velvet Vivid — #BABA1C Hex Color Code

RGB

rgb(186, 186, 28)

HSL

hsl(60, 74%, 42%)

Metrics

S 74% · L 42%

Contrast (WCAG)

on white

2.1:1Fail

on black

10.1:1AA

Recent trail

About this color

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

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

#D5D520 · hsl(60, 74%, 48%)

Darker companion

Citrine Dusk Vivid

#979717 · hsl(60, 74%, 34%)

Complementary counterpoint

Iris Velvet Vivid

#1C1CBA · hsl(240, 74%, 42%)

Analogous lead

Olive Velvet Vivid

#86BA1C · hsl(80, 74%, 42%)

Analogous echo

Apricot Velvet Vivid

#BA861C · hsl(40, 74%, 42%)

Export preview

Base: Citrine Velvet Vivid #BABA1C
Lighter companion: Citrine Core Vivid #D5D520
Darker companion: Citrine Dusk Vivid #979717
Complementary counterpoint: Iris Velvet Vivid #1C1CBA
Analogous lead: Olive Velvet Vivid #86BA1C
Analogous echo: Apricot Velvet Vivid #BA861C