#F8F897#F8F897

#F8F897 is a very light, moderate yellow. Relative luminance 0.893; OKLCH L 95.8% C 0.119 H 108.5°. Best body text is #000000 at 18.87:1 contrast (WCAG AA passes).

Color values

HEX#F8F897
RGBrgb(248, 248, 151)
HSLhsl(60, 87%, 78%)
HSVhsv(60, 39%, 97%)
CMYKcmyk(0%, 0%, 39.1%, 2.7%)
CIE-LABlab(95.72, -13.69, 46.55)
CIE-LCHlch(95.72, 48.52, 106.39°)
OKLaboklab(95.83% -0.0378 0.1132)
OKLCHoklch(95.83% 0.119 108.5)
XYZxyz(77.8658, 89.3272, 42.4122)
Luminance0.8933 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F8F897 #9797F8
analogous
#F8C797 #F8F897 #C7F897
triadic
#F8F897 #97F8F8 #F897F8
tetradic
#F8F897 #97F8C7 #9797F8 #F897C7
square
#F8F897 #97F8C7 #9797F8 #F897C7
split-complementary
#F8F897 #97C7F8 #C797F8
monochromatic
#F0F024 #F4F45E #F8F897 #FCFCD0 #FDFDE2

Accessibility & contrast

On white

1.11
#F8F897 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.87
#F8F897 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F8F897
18.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F8F897#FFFFFF#000000##000000
##F8F8971.001.1118.8718.87
#FFFFFF1.111.0021.0021.00
#00000018.8721.001.001.00
##00000018.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF18F
Deuteranopia (green-blind)
#FFF49B
Tritanopia (blue-blind)
#FFEDE0
Achromatopsia (no color)
#F3F3F3

Design tokens & code

CSS
--color: #f8f897;
/* rgb */ color: rgb(248, 248, 151);
/* oklch */ color: oklch(95.8% 0.119 108.5);
Tailwind
colors: {
  custom: {
    50: '#fcfab7',
    500: '#f8f897',
    950: '#000000',
  },
}
SCSS
$custom: #f8f897;
$custom-light: #fcfab7;
$custom-dark: #000000;
JSON
{
  "hex": "#f8f897",
  "rgb": {
    "r": 248,
    "g": 248,
    "b": 151
  },
  "hsl": {
    "h": 60,
    "s": 87.387,
    "l": 78.235
  },
  "oklch": {
    "l": 0.95829,
    "c": 0.11934,
    "h": 108.5
  },
  "luminance": 0.89326
}

Semantic roles & 50–950 ramp

primary
#F8F897
secondary
#5C5CD8
accent
#02E402
background
#FFFFFD
surface
#FFFFF8
border
#D7D7D1
text
#181711
muted
#868581

Preview Lab

Preview with #F8F897

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

Preview Lab → · Contrast checker → · Palette generator →

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