#D5F778#D5F778

#D5F778 is a very light, vivid yellow-green. Relative luminance 0.820; OKLCH L 92.6% C 0.158 H 122.0°. Best body text is #000000 at 17.40:1 contrast (WCAG AA passes).

Color values

HEX#D5F778
RGBrgb(213, 247, 120)
HSLhsl(76, 89%, 72%)
HSVhsv(76, 51%, 97%)
CMYKcmyk(13.8%, 0%, 51.4%, 3.1%)
CIE-LABlab(92.59, -29.59, 56.76)
CIE-LCHlch(92.59, 64.00, 117.53°)
OKLaboklab(92.58% -0.0837 0.1342)
OKLCHoklch(92.58% 0.158 122)
XYZxyz(64.0919, 82.0237, 30.2213)
Luminance0.8202 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D5F778 #9A78F7
analogous
#F7DA78 #D5F778 #96F778
triadic
#D5F778 #78D5F7 #F778D5
tetradic
#D5F778 #78F7DA #9A78F7 #F77896
square
#D5F778 #78F7DA #9A78F7 #F77896
split-complementary
#D5F778 #7896F7 #DA78F7
monochromatic
#ADE70E #C3F43E #D5F778 #E7FAB2 #F6FDE2

Accessibility & contrast

On white

1.21
#D5F778 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.40
#D5F778 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D5F778
17.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D5F778#FFFFFF#000000##000000
##D5F7781.001.2117.4017.40
#FFFFFF1.211.0021.0021.00
#00000017.4021.001.001.00
##00000017.4021.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA6C
Deuteranopia (green-blind)
#FFEA80
Tritanopia (blue-blind)
#DEECDA
Achromatopsia (no color)
#EAEAEA

Design tokens & code

CSS
--color: #d5f778;
/* rgb */ color: rgb(213, 247, 120);
/* oklch */ color: oklch(92.6% 0.158 122.0);
Tailwind
colors: {
  custom: {
    50: '#e4faa2',
    500: '#d5f778',
    950: '#000000',
  },
}
SCSS
$custom: #d5f778;
$custom-light: #e4faa2;
$custom-dark: #000000;
JSON
{
  "hex": "#d5f778",
  "rgb": {
    "r": 213,
    "g": 247,
    "b": 120
  },
  "hsl": {
    "h": 76.063,
    "s": 88.811,
    "l": 71.961
  },
  "oklch": {
    "l": 0.92584,
    "c": 0.15811,
    "h": 122
  },
  "luminance": 0.82024
}

Semantic roles & 50–950 ramp

primary
#D5F778
secondary
#6841D3
accent
#00E53D
background
#FEFFFC
surface
#FCFFF6
border
#D5D7D0
text
#16170F
muted
#848580

Preview Lab

Preview with #D5F778

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

Preview Lab → · Contrast checker → · Palette generator →

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