Material Blue 900

Preview

Material Blue 900

#0d47a1

Overview

Family: Blue

material

Accessibility on this swatch:

AAA

(8.63:1)

Contrast vs white: 8.63:1 · vs black: 2.43:1

Formats

HEX

#0d47a1

RGB

rgb(13, 71, 161)

RGBA

rgba(13, 71, 161, 1)

HSL

hsl(216, 85%, 34%)

HSV

hsv(216, 92%, 63%)

LAB

lab(32.18% 18.96 -53.45)

LCH

lch(32.18% 56.71 289.53)

OKLAB

oklab(0.4217 -0.0275 -0.1545)

OKLCH

oklch(0.4217 0.1569 259.91)

XYZ

xyz(8.85, 7.16, 34.63)

CMYK

cmyk(92%, 56%, 0%, 37%)

CSS

color: #0d47a1;

CSS variable

--color-0d47a1: #0d47a1;

SCSS

$color-0d47a1: #0d47a1;

Tailwind

sky-600

Export

Developer code

:root {
  --material-blue-900-1: #0d47a1;
}

Color psychology

Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.

Material Blue 900