Denim blue color

Inspired by the fabric of blue jeans. It's a medium, slightly faded blue. It's the backbone of casual fashion and also shows up in home textiles.

Also known as: denim, jean blue.

Denim blue · #1560BD

About denim blue

Denim blue (#1560BD) is a cool, mid-tone, highly saturated color. It belongs to the blues family. It mixes 21 red, 96 green and 189 blue (out of 255). It is mostly used in fashion, home decor.

Denim blue shades and tints

From lightest to darkest. Tap a shade to copy its code.

Denim blue color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Ochre

AnalogousClose to: Verdigris, Dark blue

TriadicClose to: Rose red, Kelly green

Split complementaryClose to: Fire engine red, Pear

TetradicClose to: Shocking pink, Ochre, Kelly green

Denim blue color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Denim blue

Analogous palette · Denim blue

Complementary palette · Denim blue

Triadic palette · Denim blue

With neutrals palette · Denim blue

With an accent palette · Denim blue

Denim blue contrast with text

White textContrast 6.1:1 · AA

Black textContrast 3.4:1 · AA large text

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --denim-blue: #1560BD;
  --denim-blue-rgb: 21, 96, 189;
}
.bg { background-color: var(--denim-blue); }
.text { color: var(--denim-blue); }

Colors similar to denim blue

Sapphire blue Cobalt blue French blue Ocean blue Royal blue Dodger blue Azure Cornflower blue Bright blue Slate blue

Themed palettes with this color

Frequently asked questions

What is the hex code for denim blue?

The hex code for denim blue is #1560BD. In RGB it is rgb(21, 96, 189), in HSL hsl(213, 80%, 41%) and in CMYK 89, 49, 0, 26.

What is the complementary color of denim blue?

Its complement on the color wheel is #BD7215, close to ochre. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on denim blue?

Yes. The contrast with white is 6.1:1, enough for body text (WCAG AA).