#98FC0D#98FC0D

#98FC0D is a very light, highly saturated yellow-green. Relative luminance 0.763; OKLCH L 89.4% C 0.249 H 132.6°. Best body text is #000000 at 16.27:1 contrast (WCAG AA passes).

Color values

HEX#98FC0D
RGBrgb(152, 252, 13)
HSLhsl(85, 98%, 52%)
HSVhsv(85, 95%, 99%)
CMYKcmyk(39.7%, 0%, 94.8%, 1.2%)
CIE-LABlab(90.01, -59.23, 85.33)
CIE-LCHlch(90.01, 103.87, 124.76°)
OKLaboklab(89.42% -0.1682 0.1831)
OKLCHoklch(89.42% 0.249 132.6)
XYZxyz(47.8314, 76.3229, 12.5922)
Luminance0.7632 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#98FC0D #710DFC
analogous
#FCE90D #98FC0D #20FC0D
triadic
#98FC0D #0D98FC #FC0D98
tetradic
#98FC0D #0DFCE9 #710DFC #FC0D20
square
#98FC0D #0DFCE9 #710DFC #FC0D20
split-complementary
#98FC0D #0D20FC #E90DFC
monochromatic
#538D02 #76C902 #98FC0D #B2FD49 #CBFD86

Accessibility & contrast

On white

1.29
#98FC0D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.27
#98FC0D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #98FC0D
16.27:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##98FC0D#FFFFFF#000000##000000
##98FC0D1.001.2916.2716.27
#FFFFFF1.291.0021.0021.00
#00000016.2721.001.001.00
##00000016.2721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE700
Deuteranopia (green-blind)
#FAE03A
Tritanopia (blue-blind)
#99F1D6
Achromatopsia (no color)
#E2E2E2

Design tokens & code

CSS
--color: #98fc0d;
/* rgb */ color: rgb(152, 252, 13);
/* oklch */ color: oklch(89.4% 0.249 132.6);
Tailwind
colors: {
  custom: {
    50: '#bffe72',
    500: '#98fc0d',
    950: '#000000',
  },
}
SCSS
$custom: #98fc0d;
$custom-light: #bffe72;
$custom-dark: #000000;
JSON
{
  "hex": "#98fc0d",
  "rgb": {
    "r": 152,
    "g": 252,
    "b": 13
  },
  "hsl": {
    "h": 85.105,
    "s": 97.551,
    "l": 51.961
  },
  "oklch": {
    "l": 0.89417,
    "c": 0.24866,
    "h": 132.6
  },
  "luminance": 0.76325
}

Semantic roles & 50–950 ramp

primary
#98FC0D
secondary
#4D1B92
accent
#29FF82
background
#FEFFFB
surface
#FAFFF1
border
#D3D7CB
text
#131809
muted
#83867D

Preview Lab

Preview with #98FC0D

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

Preview Lab → · Contrast checker → · Palette generator →

#98FC0D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva