#F2EEF1#F2EEF1

#F2EEF1 is a very light, near-neutral pink. Relative luminance 0.864; OKLCH L 95.3% C 0.006 H 334.0°. Best body text is #000000 at 18.28:1 contrast (WCAG AA passes).

Color values

HEX#F2EEF1
RGBrgb(242, 238, 241)
HSLhsl(315, 13%, 94%)
HSVhsv(315, 2%, 95%)
CMYKcmyk(0%, 1.7%, 0.4%, 5.1%)
CIE-LABlab(94.47, 1.86, -0.97)
CIE-LCHlch(94.47, 2.10, 332.45°)
OKLaboklab(95.31% 0.0052 -0.0026)
OKLCHoklch(95.31% 0.006 334)
XYZxyz(83.0671, 86.3774, 95.4984)
Luminance0.8638 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F2EEF1 #EEF2EF
analogous
#F1EEF2 #F2EEF1 #F2EEEF
triadic
#F2EEF1 #F1F2EE #EEF1F2
tetradic
#F2EEF1 #F2F1EE #EEF2EF #EEEFF2
square
#F2EEF1 #F2F1EE #EEF2EF #EEEFF2
split-complementary
#F2EEF1 #EFF2EE #EEF2F1
monochromatic
#BDA9B8 #D7CBD4 #F2EEF1 #F2EEF1 #F2EEF1

Accessibility & contrast

On white

1.15
#F2EEF1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.28
#F2EEF1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F2EEF1
18.28:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F2EEF1#FFFFFF#000000##000000
##F2EEF11.001.1518.2818.28
#FFFFFF1.151.0021.0021.00
#00000018.2821.001.001.00
##00000018.2821.001.001.00

Color blindness preview

Protanopia (red-blind)
#EEEFF1
Deuteranopia (green-blind)
#EFEFF1
Tritanopia (blue-blind)
#F2EEEF
Achromatopsia (no color)
#EFEFEF

Design tokens & code

CSS
--color: #f2eef1;
/* rgb */ color: rgb(242, 238, 241);
/* oklch */ color: oklch(95.3% 0.006 334.0);
Tailwind
colors: {
  custom: {
    50: '#f6f3f5',
    500: '#f2eef1',
    950: '#000000',
  },
}
SCSS
$custom: #f2eef1;
$custom-light: #f6f3f5;
$custom-dark: #000000;
JSON
{
  "hex": "#f2eef1",
  "rgb": {
    "r": 242,
    "g": 238,
    "b": 241
  },
  "hsl": {
    "h": 315,
    "s": 13.333,
    "l": 94.118
  },
  "oklch": {
    "l": 0.95306,
    "c": 0.00583,
    "h": 334
  },
  "luminance": 0.86377
}

Semantic roles & 50–950 ramp

primary
#F2EEF1
secondary
#BCC8BF
accent
#97604E
background
#FFFFFF
surface
#FEFEFE
border
#D6D6D6
text
#171717
muted
#858585

Preview Lab

Preview with #F2EEF1

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#F2EEF1 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva