Material Blue 800

Preview

Material Blue 800

#1565c0

Overview

Family: Blue

material

Accessibility on this swatch:

(5.75:1)

Contrast vs white: 5.75:1 · vs black: 3.65:1

Formats

HEX

#1565c0

RGB

rgb(21, 101, 192)

RGBA

rgba(21, 101, 192, 1)

HSL

hsl(212, 80%, 42%)

HSV

hsv(212, 89%, 75%)

LAB

lab(43.17% 11.97 -53.97)

LCH

lch(43.17% 55.28 282.51)

OKLAB

oklab(0.5134 -0.0397 -0.1553)

OKLCH

oklch(0.5134 0.1603 255.66)

XYZ

xyz(14.47, 13.27, 51.66)

CMYK

cmyk(89%, 47%, 0%, 25%)

CSS

color: #1565c0;

CSS variable

--color-1565c0: #1565c0;

SCSS

$color-1565c0: #1565c0;

Tailwind

sky-500

Export

Developer code

:root {
  --material-blue-800-1: #1565c0;
}

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 800