Citrine Core Clear — #BCBC38 Hex Color Code

RGB

rgb(188, 188, 56)

HSL

hsl(60, 54%, 48%)

Metrics

S 54% · L 48%

Contrast (WCAG)

on white

2:1Fail

on black

10.4:1AA

Recent trail

About this color

Citrine Core Clear (#BCBC38) belongs to the yellow family — hue 60°, 54% 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-clear: #BCBC38; /* hsl(60, 54%, 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 Clear

#C9C94A · hsl(60, 54%, 54%)

Darker companion

Citrine Velvet Clear

#A5A531 · hsl(60, 54%, 42%)

Complementary counterpoint

Iris Core Clear

#3838BC · hsl(240, 54%, 48%)

Analogous lead

Olive Core Clear

#90BC38 · hsl(80, 54%, 48%)

Analogous echo

Apricot Core Clear

#BC9038 · hsl(40, 54%, 48%)

Export preview

Base: Citrine Core Clear #BCBC38
Lighter companion: Citrine Radiant Clear #C9C94A
Darker companion: Citrine Velvet Clear #A5A531
Complementary counterpoint: Iris Core Clear #3838BC
Analogous lead: Olive Core Clear #90BC38
Analogous echo: Apricot Core Clear #BC9038