Delft blue color

A deep, inky blue named after the blue-and-white pottery made in Delft, Netherlands. It is a classic choice for traditional decor, tiles and dinnerware.

Also known as: Delft.

Delft blue · #1F305E

About delft blue

Delft blue (#1F305E) is a cool, dark, moderately saturated color. It belongs to the blues family. It mixes 31 red, 48 green and 94 blue (out of 255). It is mostly used in home decor, ceramics, traditional.

Delft blue shades and tints

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

See all its shades: Color shades generator

Delft blue color harmonies

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

ComplementaryClose to: Dark brown

AnalogousClose to: Petrol blue, Midnight blue

TriadicClose to: Wine, Dark olive green

Split complementaryClose to: Garnet, Dark olive green

TetradicClose to: Byzantium, Dark brown, Hunter green

Delft blue color palettes

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

Monochromatic palette · Delft blue

Analogous palette · Delft blue

Complementary palette · Delft blue

Triadic palette · Delft blue

With neutrals palette · Delft blue

With an accent palette · Delft blue

Delft blue contrast with text

White textContrast 12.8:1 · AAA

Black textContrast 1.6:1 · Not recommended

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

CSS code

:root {
  --delft-blue: #1F305E;
  --delft-blue-rgb: 31, 48, 94;
}
.bg { background-color: var(--delft-blue); }
.text { color: var(--delft-blue); }

Colors similar to delft blue

Oxford blue Prussian blue Aubergine Dark purple Ultra violet Ocean blue Blue black Petrol blue Charcoal gray Eggplant

Themed palettes with this color

Frequently asked questions

What is the hex code for delft blue?

The hex code for delft blue is #1F305E. In RGB it is rgb(31, 48, 94), in HSL hsl(224, 50%, 25%) and in CMYK 67, 49, 0, 63.

What is the complementary color of delft blue?

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

Can you use white text on delft blue?

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