#E8F498#E8F498

#E8F498 is a very light, moderate yellow. Relative luminance 0.841; OKLCH L 93.8% C 0.116 H 114.7°. Best body text is #000000 at 17.82:1 contrast (WCAG AA passes).

Color values

HEX#E8F498
RGBrgb(232, 244, 152)
HSLhsl(68, 81%, 78%)
HSVhsv(68, 38%, 96%)
CMYKcmyk(4.9%, 0%, 37.7%, 4.3%)
CIE-LABlab(93.50, -17.70, 43.00)
CIE-LCHlch(93.50, 46.50, 112.37°)
OKLaboklab(93.78% -0.0485 0.1053)
OKLCHoklch(93.78% 0.116 114.7)
XYZxyz(71.2973, 84.1249, 42.1815)
Luminance0.8412 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E8F498 #A498F4
analogous
#F4D298 #E8F498 #BAF498
triadic
#E8F498 #98E8F4 #F498E8
tetradic
#E8F498 #98F4D2 #A498F4 #F498BA
square
#E8F498 #98F4D2 #A498F4 #F498BA
split-complementary
#E8F498 #98BAF4 #D298F4
monochromatic
#CFE829 #DCEE61 #E8F498 #F4FACF #F9FCE3

Accessibility & contrast

On white

1.18
#E8F498 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.82
#E8F498 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E8F498
17.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E8F498#FFFFFF#000000##000000
##E8F4981.001.1817.8217.82
#FFFFFF1.181.0021.0021.00
#00000017.8221.001.001.00
##00000017.8221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEC91
Deuteranopia (green-blind)
#FFED9C
Tritanopia (blue-blind)
#F2EADD
Achromatopsia (no color)
#ECECEC

Design tokens & code

CSS
--color: #e8f498;
/* rgb */ color: rgb(232, 244, 152);
/* oklch */ color: oklch(93.8% 0.116 114.7);
Tailwind
colors: {
  custom: {
    50: '#f0f7b7',
    500: '#e8f498',
    950: '#000000',
  },
}
SCSS
$custom: #e8f498;
$custom-light: #f0f7b7;
$custom-dark: #000000;
JSON
{
  "hex": "#e8f498",
  "rgb": {
    "r": 232,
    "g": 244,
    "b": 152
  },
  "hsl": {
    "h": 67.826,
    "s": 80.702,
    "l": 77.647
  },
  "oklch": {
    "l": 0.93779,
    "c": 0.11592,
    "h": 114.7
  },
  "luminance": 0.84124
}

Semantic roles & 50–950 ramp

primary
#E8F498
secondary
#6D5ED2
accent
#08DD24
background
#FFFFFD
surface
#FEFEF8
border
#D6D6D1
text
#171711
muted
#858581

Preview Lab

Preview with #E8F498

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

Preview Lab → · Contrast checker → · Palette generator →

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