Coral Core Clear — #BC7A38 Hex Color Code

RGB

rgb(188, 122, 56)

HSL

hsl(30, 54%, 48%)

Metrics

S 54% · L 48%

Contrast (WCAG)

on white

3.5:1AA Large

on black

6:1AA

Recent trail

About this color

Coral Core Clear (#BC7A38) belongs to the orange family — hue 30°, 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-coral-core-clear: #BC7A38; /* hsl(30, 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

Coral Radiant Clear

#C98A4A · hsl(30, 54%, 54%)

Darker companion

Coral Velvet Clear

#A56B31 · hsl(30, 54%, 42%)

Complementary counterpoint

Sapphire Core Clear

#387ABC · hsl(210, 54%, 48%)

Analogous lead

Amber Core Clear

#BCA638 · hsl(50, 54%, 48%)

Analogous echo

Ruby Core Clear

#BC4E38 · hsl(10, 54%, 48%)

Export preview

Base: Coral Core Clear #BC7A38
Lighter companion: Coral Radiant Clear #C98A4A
Darker companion: Coral Velvet Clear #A56B31
Complementary counterpoint: Sapphire Core Clear #387ABC
Analogous lead: Amber Core Clear #BCA638
Analogous echo: Ruby Core Clear #BC4E38