Material Teal 100

Preview

Material Teal 100

#b2dfdb

Overview

Family: Cyan

material

Accessibility on this swatch:

AAA

(14.47:1)

Contrast vs white: 1.45:1 · vs black: 14.47:1

Formats

HEX

#b2dfdb

RGB

rgb(178, 223, 219)

RGBA

rgba(178, 223, 219, 1)

HSL

hsl(175, 41%, 79%)

HSV

hsv(175, 20%, 87%)

LAB

lab(85.68% -15.33 -2.85)

LCH

lch(85.68% 15.59 190.53)

OKLAB

oklab(0.8708 -0.0464 -0.0079)

OKLCH

oklch(0.8708 0.0471 189.66)

XYZ

xyz(57.53, 67.35, 76.97)

CMYK

cmyk(20%, 0%, 2%, 13%)

CSS

color: #b2dfdb;

CSS variable

--color-b2dfdb: #b2dfdb;

SCSS

$color-b2dfdb: #b2dfdb;

Tailwind

teal-200

Export

Developer code

:root {
  --material-teal-100-1: #b2dfdb;
}

Color psychology

Freshness, clarity, and innovation. Great for tech accents and clean digital products.

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

Material Teal 100