Material Blue 700

Preview

Material Blue 700

#1976d2

Overview

Family: Blue

material

Accessibility on this swatch:

(4.6:1)

Contrast vs white: 4.6:1 · vs black: 4.56:1

Formats

HEX

#1976d2

RGB

rgb(25, 118, 210)

RGBA

rgba(25, 118, 210, 1)

HSL

hsl(210, 79%, 46%)

HSV

hsv(210, 88%, 82%)

LAB

lab(49.27% 8.47 -54.49)

LCH

lch(49.27% 55.14 278.84)

OKLAB

oklab(0.5645 -0.047 -0.1564)

OKLCH

oklch(0.5645 0.1633 253.27)

XYZ

xyz(18.51, 17.81, 63.42)

CMYK

cmyk(88%, 44%, 0%, 18%)

CSS

color: #1976d2;

CSS variable

--color-1976d2: #1976d2;

SCSS

$color-1976d2: #1976d2;

Tailwind

sky-500

Export

Developer code

:root {
  --material-blue-700-1: #1976d2;
}

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 700