#F7EBEC#F7EBEC

#F7EBEC is a very light, near-neutral red. Relative luminance 0.852; OKLCH L 95.0% C 0.013 H 11.6°. Best body text is #000000 at 18.05:1 contrast (WCAG AA passes).

Color values

HEX#F7EBEC
RGBrgb(247, 235, 236)
HSLhsl(355, 43%, 95%)
HSVhsv(355, 5%, 97%)
CMYKcmyk(0%, 4.9%, 4.5%, 3.1%)
CIE-LABlab(93.99, 4.21, 0.96)
CIE-LCHlch(93.99, 4.32, 12.89°)
OKLaboklab(94.98% 0.0128 0.0026)
OKLCHoklch(94.98% 0.013 11.6)
XYZxyz(83.2044, 85.2477, 91.4118)
Luminance0.8525 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F7EBEC #EBF7F6
analogous
#F7EBF2 #F7EBEC #F7F0EB
triadic
#F7EBEC #ECF7EB #EBECF7
tetradic
#F7EBEC #F2F7EB #EBF7F6 #F0EBF7
square
#F7EBEC #F2F7EB #EBF7F6 #F0EBF7
split-complementary
#F7EBEC #EBF7F0 #EBF2F7
monochromatic
#D49499 #E6BFC2 #F6E9EA #F6E9EA #F6E9EA

Accessibility & contrast

On white

1.16
#F7EBEC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.05
#F7EBEC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F7EBEC
18.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F7EBEC#FFFFFF#000000##000000
##F7EBEC1.001.1618.0518.05
#FFFFFF1.161.0021.0021.00
#00000018.0521.001.001.00
##00000018.0521.001.001.00

Color blindness preview

Protanopia (red-blind)
#EDEDEC
Deuteranopia (green-blind)
#EFEEEC
Tritanopia (blue-blind)
#FAEAEB
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #f7ebec;
/* rgb */ color: rgb(247, 235, 236);
/* oklch */ color: oklch(95.0% 0.013 11.6);
Tailwind
colors: {
  custom: {
    50: '#f9f1f2',
    500: '#f7ebec',
    950: '#000000',
  },
}
SCSS
$custom: #f7ebec;
$custom-light: #f9f1f2;
$custom-dark: #000000;
JSON
{
  "hex": "#f7ebec",
  "rgb": {
    "r": 247,
    "g": 235,
    "b": 236
  },
  "hsl": {
    "h": 355,
    "s": 42.857,
    "l": 94.51
  },
  "oklch": {
    "l": 0.94978,
    "c": 0.01307,
    "h": 11.6
  },
  "luminance": 0.85247
}

Semantic roles & 50–950 ramp

primary
#F7EBEC
secondary
#B1D5D2
accent
#B6AB30
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171616
muted
#858585

Preview Lab

Preview with #F7EBEC

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

Preview Lab → · Contrast checker → · Palette generator →

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