#C2EC44#C2EC44

#C2EC44 is a very light, vivid yellow-green. Relative luminance 0.719; OKLCH L 88.4% C 0.192 H 122.8°. Best body text is #000000 at 15.38:1 contrast (WCAG AA passes).

Color values

HEX#C2EC44
RGBrgb(194, 236, 68)
HSLhsl(75, 82%, 60%)
HSVhsv(75, 71%, 93%)
CMYKcmyk(17.8%, 0%, 71.2%, 7.5%)
CIE-LABlab(87.91, -35.60, 72.45)
CIE-LCHlch(87.91, 80.73, 116.17°)
OKLaboklab(88.36% -0.104 0.1616)
OKLCHoklch(88.36% 0.192 122.8)
XYZxyz(53.2877, 71.8774, 16.5341)
Luminance0.7188 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C2EC44 #6E44EC
analogous
#ECC244 #C2EC44 #6EEC44
triadic
#C2EC44 #44C2EC #EC44C2
tetradic
#C2EC44 #44ECC2 #6E44EC #EC446E
square
#C2EC44 #44ECC2 #6E44EC #EC446E
split-complementary
#C2EC44 #446EEC #C244EC
monochromatic
#80A511 #ABDC16 #C2EC44 #D4F27C #E6F7B3

Accessibility & contrast

On white

1.37
#C2EC44 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.38
#C2EC44 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C2EC44
15.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C2EC44#FFFFFF#000000##000000
##C2EC441.001.3715.3815.38
#FFFFFF1.371.0021.0021.00
#00000015.3821.001.001.00
##00000015.3821.001.001.00

Color blindness preview

Protanopia (red-blind)
#FADE25
Deuteranopia (green-blind)
#F4DC53
Tritanopia (blue-blind)
#CCE0CB
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #c2ec44;
/* rgb */ color: rgb(194, 236, 68);
/* oklch */ color: oklch(88.4% 0.192 122.8);
Tailwind
colors: {
  custom: {
    50: '#d8f282',
    500: '#c2ec44',
    950: '#000000',
  },
}
SCSS
$custom: #c2ec44;
$custom-light: #d8f282;
$custom-dark: #000000;
JSON
{
  "hex": "#c2ec44",
  "rgb": {
    "r": 194,
    "g": 236,
    "b": 68
  },
  "hsl": {
    "h": 75,
    "s": 81.553,
    "l": 59.608
  },
  "oklch": {
    "l": 0.88364,
    "c": 0.19214,
    "h": 122.8
  },
  "luminance": 0.71878
}

Semantic roles & 50–950 ramp

primary
#C2EC44
secondary
#4C2EA7
accent
#30F862
background
#FEFFFB
surface
#FCFEF2
border
#D5D6CC
text
#15160B
muted
#84857E

Preview Lab

Preview with #C2EC44

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

Preview Lab → · Contrast checker → · Palette generator →

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