Amber Velvet Vivid — #BAA01C Hex Color Code

RGB

rgb(186, 160, 28)

HSL

hsl(50, 74%, 42%)

Metrics

S 74% · L 42%

Contrast (WCAG)

on white

2.6:1Fail

on black

8.1:1AA

Recent trail

About this color

Amber Velvet Vivid (#BAA01C) belongs to the yellow family — hue 50°, 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-amber-velvet-vivid: #BAA01C; /* hsl(50, 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

Amber Core Vivid

#D5B720 · hsl(50, 74%, 48%)

Darker companion

Amber Dusk Vivid

#978117 · hsl(50, 74%, 34%)

Complementary counterpoint

Indigo Velvet Vivid

#1C36BA · hsl(230, 74%, 42%)

Analogous lead

Honey Velvet Vivid

#A0BA1C · hsl(70, 74%, 42%)

Analogous echo

Coral Velvet Vivid

#BA6B1C · hsl(30, 74%, 42%)

Export preview

Base: Amber Velvet Vivid #BAA01C
Lighter companion: Amber Core Vivid #D5B720
Darker companion: Amber Dusk Vivid #978117
Complementary counterpoint: Indigo Velvet Vivid #1C36BA
Analogous lead: Honey Velvet Vivid #A0BA1C
Analogous echo: Coral Velvet Vivid #BA6B1C