#F2FEBD#F2FEBD

#F2FEBD is a very light, moderate yellow-green. Relative luminance 0.934; OKLCH L 97.3% C 0.084 H 116.5°. Best body text is #000000 at 19.69:1 contrast (WCAG AA passes).

Color values

HEX#F2FEBD
RGBrgb(242, 254, 189)
HSLhsl(71, 97%, 87%)
HSVhsv(71, 26%, 100%)
CMYKcmyk(4.7%, 0%, 25.6%, 0.4%)
CIE-LABlab(97.40, -14.29, 29.85)
CIE-LCHlch(97.40, 33.10, 115.58°)
OKLaboklab(97.25% -0.0375 0.0753)
OKLCHoklch(97.25% 0.084 116.5)
XYZxyz(81.2445, 93.4355, 61.8890)
Luminance0.9344 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#F2FEBD #C9BDFE
analogous
#FEEABD #F2FEBD #D2FEBD
triadic
#F2FEBD #BDF2FE #FEBDF2
tetradic
#F2FEBD #BDFEEA #C9BDFE #FEBDD2
square
#F2FEBD #BDFEEA #C9BDFE #FEBDD2
split-complementary
#F2FEBD #BDD2FE #EABDFE
monochromatic
#DAFC44 #E6FD81 #F2FEBD #F9FFE1 #F9FFE1

Accessibility & contrast

On white

1.07
#F2FEBD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

19.69
#F2FEBD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #F2FEBD
19.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##F2FEBD#FFFFFF#000000##000000
##F2FEBD1.001.0719.6919.69
#FFFFFF1.071.0021.0021.00
#00000019.6921.001.001.00
##00000019.6921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF7B9
Deuteranopia (green-blind)
#FFF8C0
Tritanopia (blue-blind)
#F9F7ED
Achromatopsia (no color)
#F7F7F7

Design tokens & code

CSS
--color: #f2febd;
/* rgb */ color: rgb(242, 254, 189);
/* oklch */ color: oklch(97.3% 0.084 116.5);
Tailwind
colors: {
  custom: {
    50: '#f7fed1',
    500: '#f2febd',
    950: '#000000',
  },
}
SCSS
$custom: #f2febd;
$custom-light: #f7fed1;
$custom-dark: #000000;
JSON
{
  "hex": "#f2febd",
  "rgb": {
    "r": 242,
    "g": 254,
    "b": 189
  },
  "hsl": {
    "h": 71.077,
    "s": 97.015,
    "l": 86.863
  },
  "oklch": {
    "l": 0.97254,
    "c": 0.08418,
    "h": 116.5
  },
  "luminance": 0.93435
}

Semantic roles & 50–950 ramp

primary
#F2FEBD
secondary
#8E7AE6
accent
#00E62A
background
#FFFFFE
surface
#FEFFFB
border
#D6D7D4
text
#171714
muted
#858583

Preview Lab

Preview with #F2FEBD

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

Preview Lab → · Contrast checker → · Palette generator →

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