Cool combinationsEveryday denim

Denim and White Color Combination

Denim blue is muted enough to behave like a neutral, so white can carry the space and denim the structure.

Hex codes #1560BD and #FFFFFF — a everyday denim pair with a 6.10:1 contrast ratio between the two colors.

Values for this combination

Denim
RGB
rgb(21, 96, 189)
HSL
hsl(213, 80%, 41%)
Hex
#1560BD
White
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Hex
#FFFFFF

Contrast between Denim and White

Contrast ratio 6.10:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)PASS
AA · Large text (≥ 3:1)PASS
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)PASS
Aa

White text on a Denim surface, at 6.10:1.

Aa

Denim text on a White surface, at 6.10:1.

Where this pair works

  • Casual apparel
  • Workwear
  • Editorial photography

Give Denim (#1560BD) roughly 60% of the surface, White (#FFFFFF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

Denim and White as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#efebebbackgrounds and large surfaces · closest to Isabelline
  • Primary#1560BDthe dominant color · closest to Denim
  • Secondary#FFFFFFthe accent color · closest to White
  • Deep shade#052348text, borders and icons · closest to OxfordBlue
  • Neutral#f6f4f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Denim and White on their own

More color combinations

Denim and White are a everyday denim pair: denim blue is muted enough to behave like a neutral, so white can carry the space and denim the structure.

Frequently asked questions

Yes — this pair is used for casual apparel, workwear, editorial photography. The two colors measure 6.10:1 against each other, which is enough for body text in either direction.

Good to know

  • Every value on this page is calculated from #1560BD and #FFFFFF — nothing is hardcoded.
  • Build a longer palette out of Denim or White in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Denim and White into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog