#D0EC6E#D0EC6E

#D0EC6E is a very light, vivid yellow-green. Relative luminance 0.745; OKLCH L 89.7% C 0.155 H 120.1°. Best body text is #000000 at 15.91:1 contrast (WCAG AA passes).

Color values

HEX#D0EC6E
RGBrgb(208, 236, 110)
HSLhsl(73, 77%, 68%)
HSVhsv(73, 53%, 93%)
CMYKcmyk(11.9%, 0%, 53.4%, 7.5%)
CIE-LABlab(89.17, -27.23, 57.19)
CIE-LCHlch(89.17, 63.34, 115.46°)
OKLaboklab(89.72% -0.0777 0.1343)
OKLCHoklch(89.72% 0.155 120.1)
XYZxyz(58.8229, 74.5268, 26.0351)
Luminance0.7453 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D0EC6E #8A6EEC
analogous
#ECC96E #D0EC6E #91EC6E
triadic
#D0EC6E #6ED0EC #EC6ED0
tetradic
#D0EC6E #6EECC9 #8A6EEC #EC6E91
square
#D0EC6E #6EECC9 #8A6EEC #EC6E91
split-complementary
#D0EC6E #6E91EC #C96EEC
monochromatic
#A0C61A #BEE538 #D0EC6E #E2F3A4 #F3FADA

Accessibility & contrast

On white

1.32
#D0EC6E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.91
#D0EC6E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #D0EC6E
15.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D0EC6E#FFFFFF#000000##000000
##D0EC6E1.001.3215.9115.91
#FFFFFF1.321.0021.0021.00
#00000015.9121.001.001.00
##00000015.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#F9E062
Deuteranopia (green-blind)
#F6E076
Tritanopia (blue-blind)
#DAE1D0
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #d0ec6e;
/* rgb */ color: rgb(208, 236, 110);
/* oklch */ color: oklch(89.7% 0.155 120.1);
Tailwind
colors: {
  custom: {
    50: '#e1f29b',
    500: '#d0ec6e',
    950: '#000000',
  },
}
SCSS
$custom: #d0ec6e;
$custom-light: #e1f29b;
$custom-dark: #000000;
JSON
{
  "hex": "#d0ec6e",
  "rgb": {
    "r": 208,
    "g": 236,
    "b": 110
  },
  "hsl": {
    "h": 73.333,
    "s": 76.829,
    "l": 67.843
  },
  "oklch": {
    "l": 0.89722,
    "c": 0.15513,
    "h": 120.1
  },
  "luminance": 0.74527
}

Semantic roles & 50–950 ramp

primary
#D0EC6E
secondary
#593BC3
accent
#0CD93A
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#16160E
muted
#84857F

Preview Lab

Preview with #D0EC6E

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

Preview Lab → · Contrast checker → · Palette generator →

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