Skip to main content
professional

Denim and Snow

5.9:1 contrast ratio —

AA

Visual Preview

#1560BDDenim
#FFFAFASnow

The quick brown fox

Body text — Denim on Snow

Supporting text at reduced opacity

Badge

Reversed — Snow on Denim

Inverted combination preview

Contrast Analysis

Contrast Ratio

5.9:1

AA

WCAG AA

✓ Pass

Requires 4.5:1

WCAG AA Large

✓ Pass

Requires 3:1

WCAG AAA

✗ Fail

Requires 7:1

Color Values

Denim

Foreground (Text)

HEX
#1560BD
RGB
rgb(21, 96, 189)
HSL
hsl(213, 80%, 41%)

Snow

Background

HEX
#FFFAFA
RGB
rgb(255, 250, 250)
HSL
hsl(0, 100%, 99%)

Design Use Cases

  • Corporate websites
  • Healthcare interfaces
  • Banking apps
  • Government portals
  • SaaS dashboards

Industry Recommendations

Finance & Banking
Healthcare
Government
B2B SaaS
Insurance

Color Psychology

The Denim tone evokes trust, stability, and professionalism, while Snow brings purity, clarity, and simplicity. Together, they create a balanced palette suited for compelling visual communication.

Palette Exports

:root {
  --color-denim: #1560BD;
  --color-snow: #FFFAFA;
}

.combo-denim-snow {
  color: var(--color-denim);
  background-color: var(--color-snow);
}

Quick Snippets

CSS Variables

:root {
  --color-denim: #1560BD;
  --color-snow: #FFFAFA;
}

Tailwind CSS

<div class="bg-white text-blue-600">
  Your content here
</div>

Individual Colors

Similar Combinations