#FCF7CB#FCF7CB

#FCF7CB is a very light, muted yellow. Relative luminance 0.915; OKLCH L 96.9% C 0.057 H 102.0°. Best body text is #000000 at 19.31:1 contrast (WCAG AA passes).

Color values

HEX#FCF7CB
RGBrgb(252, 247, 203)
HSLhsl(54, 89%, 89%)
HSVhsv(54, 19%, 99%)
CMYKcmyk(0%, 2%, 19.4%, 1.2%)
CIE-LABlab(96.63, -5.29, 21.80)
CIE-LCHlch(96.63, 22.43, 103.63°)
OKLaboklab(96.91% -0.0119 0.0558)
OKLCHoklch(96.91% 0.057 102)
XYZxyz(84.1847, 91.5299, 69.7206)
Luminance0.9153 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#FCF7CB #CBD0FC
analogous
#FCDFCB #FCF7CB #E9FCCB
triadic
#FCF7CB #CBFCF7 #F7CBFC
tetradic
#FCF7CB #CBFCDF #CBD0FC #FCCBE9
square
#FCF7CB #CBFCDF #CBD0FC #FCCBE9
split-complementary
#FCF7CB #CBE9FC #DFCBFC
monochromatic
#F5E557 #F9EE91 #FCF7CB #FDFBE2 #FDFBE2

Accessibility & contrast

On white

1.09
#FCF7CB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.31
#FCF7CB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #FCF7CB
19.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##FCF7CB#FFFFFF#000000##000000
##FCF7CB1.001.0919.3119.31
#FFFFFF1.091.0021.0021.00
#00000019.3121.001.001.00
##00000019.3121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF4C8
Deuteranopia (green-blind)
#FFF7CC
Tritanopia (blue-blind)
#FFF1EB
Achromatopsia (no color)
#F5F5F5

Design tokens & code

CSS
--color: #fcf7cb;
/* rgb */ color: rgb(252, 247, 203);
/* oklch */ color: oklch(96.9% 0.057 102.0);
Tailwind
colors: {
  custom: {
    50: '#fdf9db',
    500: '#fcf7cb',
    950: '#000000',
  },
}
SCSS
$custom: #fcf7cb;
$custom-light: #fdf9db;
$custom-dark: #000000;
JSON
{
  "hex": "#fcf7cb",
  "rgb": {
    "r": 252,
    "g": 247,
    "b": 203
  },
  "hsl": {
    "h": 53.878,
    "s": 89.091,
    "l": 89.216
  },
  "oklch": {
    "l": 0.96906,
    "c": 0.05708,
    "h": 102
  },
  "luminance": 0.91529
}

Semantic roles & 50–950 ramp

primary
#FCF7CB
secondary
#8891E3
accent
#17E600
background
#FFFFFE
surface
#FFFFFB
border
#D7D7D4
text
#171715
muted
#858584

Preview Lab

Preview with #FCF7CB

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

Preview Lab → · Contrast checker → · Palette generator →

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