Cobalt Core Clear — #3864BC Hex Color Code

RGB

rgb(56, 100, 188)

HSL

hsl(220, 54%, 48%)

Metrics

S 54% · L 48%

Contrast (WCAG)

on white

5.6:1AA

on black

3.7:1AA Large

Recent trail

About this color

Cobalt Core Clear (#3864BC) belongs to the blue family — hue 220°, 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-cobalt-core-clear: #3864BC; /* hsl(220, 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

Cobalt Radiant Clear

#4A75C9 · hsl(220, 54%, 54%)

Darker companion

Cobalt Velvet Clear

#3158A5 · hsl(220, 54%, 42%)

Complementary counterpoint

Apricot Core Clear

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

Analogous lead

Iris Core Clear

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

Analogous echo

Azure Core Clear

#3890BC · hsl(200, 54%, 48%)

Export preview

Base: Cobalt Core Clear #3864BC
Lighter companion: Cobalt Radiant Clear #4A75C9
Darker companion: Cobalt Velvet Clear #3158A5
Complementary counterpoint: Apricot Core Clear #BC9038
Analogous lead: Iris Core Clear #3838BC
Analogous echo: Azure Core Clear #3890BC