Material Blue 600

Preview

Material Blue 600

#1e88e5

Overview

Family: Light Blue

material

Accessibility on this swatch:

(5.71:1)

Contrast vs white: 3.68:1 · vs black: 5.71:1

Formats

HEX

#1e88e5

RGB

rgb(30, 136, 229)

RGBA

rgba(30, 136, 229, 1)

HSL

hsl(208, 79%, 51%)

HSV

hsv(208, 87%, 90%)

LAB

lab(55.62% 5 -55.02)

LCH

lch(55.62% 55.25 275.19)

OKLAB

oklab(0.6179 -0.0546 -0.1576)

OKLCH

oklch(0.6179 0.1668 250.89)

XYZ

xyz(23.48, 23.54, 77.42)

CMYK

cmyk(87%, 41%, 0%, 10%)

CSS

color: #1e88e5;

CSS variable

--color-1e88e5: #1e88e5;

SCSS

$color-1e88e5: #1e88e5;

Tailwind

sky-400

Export

Developer code

:root {
  --material-blue-600-1: #1e88e5;
}

Color psychology

Openness, clarity, and communication. Soft and approachable for modern interfaces.

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

Material Blue 600