Material You Surface

Preview

Material You Surface

#fffbfe

Overview

Family: Pink

android

Accessibility on this swatch:

AAA

(20.48:1)

Contrast vs white: 1.03:1 · vs black: 20.48:1

Formats

HEX

#fffbfe

RGB

rgb(255, 251, 254)

RGBA

rgba(255, 251, 254, 1)

HSL

hsl(315, 100%, 99%)

HSV

hsv(315, 2%, 100%)

LAB

lab(98.99% 1.85 -0.96)

LCH

lch(98.99% 2.08 332.57)

OKLAB

oklab(0.992 0.0052 -0.0025)

OKLCH

oklch(0.992 0.0058 334.32)

XYZ

xyz(93.62, 97.41, 107.62)

CMYK

cmyk(0%, 2%, 0%, 0%)

CSS

color: #fffbfe;

CSS variable

--color-fffbfe: #fffbfe;

SCSS

$color-fffbfe: #fffbfe;

Tailwind

fuchsia-50

Export

Developer code

:root {
  --material-you-surface-1: #fffbfe;
}

Color psychology

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

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

Material You Surface