#F7EFB0#F7EFB0

#F7EFB0 is a very light, moderate yellow. Relative luminance 0.846; OKLCH L 94.4% C 0.081 H 101.7°. Best body text is #000000 at 17.93:1 contrast (WCAG AA passes).

Color values

HEX#F7EFB0
RGBrgb(247, 239, 176)
HSLhsl(53, 82%, 83%)
HSVhsv(53, 29%, 97%)
CMYKcmyk(0%, 3.2%, 28.7%, 3.1%)
CIE-LABlab(93.73, -6.74, 31.52)
CIE-LCHlch(93.73, 32.23, 102.07°)
OKLaboklab(94.36% -0.0164 0.0791)
OKLCHoklch(94.36% 0.081 101.7)
XYZxyz(77.0612, 84.6433, 53.3442)
Luminance0.8464 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F7EFB0 #B0B8F7
analogous
#F7CBB0 #F7EFB0 #DCF7B0
triadic
#F7EFB0 #B0F7EF #EFB0F7
tetradic
#F7EFB0 #B0F7CB #B0B8F7 #F7B0DC
square
#F7EFB0 #B0F7CB #B0B8F7 #F7B0DC
split-complementary
#F7EFB0 #B0DCF7 #CBB0F7
monochromatic
#ECD841 #F1E478 #F7EFB0 #FCF9E3 #FCF9E3

Accessibility & contrast

On white

1.17
#F7EFB0 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.93
#F7EFB0 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F7EFB0
17.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F7EFB0#FFFFFF#000000##000000
##F7EFB01.001.1717.9317.93
#FFFFFF1.171.0021.0021.00
#00000017.9321.001.001.00
##00000017.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FBEBAC
Deuteranopia (green-blind)
#FDEFB2
Tritanopia (blue-blind)
#FFE6DE
Achromatopsia (no color)
#EDEDED

Design tokens & code

CSS
--color: #f7efb0;
/* rgb */ color: rgb(247, 239, 176);
/* oklch */ color: oklch(94.4% 0.081 101.7);
Tailwind
colors: {
  custom: {
    50: '#faf4c8',
    500: '#f7efb0',
    950: '#000000',
  },
}
SCSS
$custom: #f7efb0;
$custom-light: #faf4c8;
$custom-dark: #000000;
JSON
{
  "hex": "#f7efb0",
  "rgb": {
    "r": 247,
    "g": 239,
    "b": 176
  },
  "hsl": {
    "h": 53.239,
    "s": 81.609,
    "l": 82.941
  },
  "oklch": {
    "l": 0.94358,
    "c": 0.08079,
    "h": 101.7
  },
  "luminance": 0.84642
}

Semantic roles & 50–950 ramp

primary
#F7EFB0
secondary
#737ED9
accent
#20DE08
background
#FFFFFD
surface
#FFFEF9
border
#D7D6D2
text
#171713
muted
#858582

Preview Lab

Preview with #F7EFB0

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

Preview Lab → · Contrast checker → · Palette generator →

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