#C2FC4E#C2FC4E

#C2FC4E is a very light, highly saturated yellow-green. Relative luminance 0.816; OKLCH L 92.0% C 0.205 H 126.3°. Best body text is #000000 at 17.33:1 contrast (WCAG AA passes).

Color values

HEX#C2FC4E
RGBrgb(194, 252, 78)
HSLhsl(80, 97%, 65%)
HSVhsv(80, 69%, 99%)
CMYKcmyk(23%, 0%, 69%, 1.2%)
CIE-LABlab(92.42, -42.15, 73.45)
CIE-LCHlch(92.42, 84.69, 119.85°)
OKLaboklab(92.03% -0.1211 0.1652)
OKLCHoklch(92.03% 0.205 126.3)
XYZxyz(58.4339, 81.6393, 19.8856)
Luminance0.8164 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C2FC4E #884EFC
analogous
#FCDF4E #C2FC4E #6BFC4E
triadic
#C2FC4E #4EC2FC #FC4EC2
tetradic
#C2FC4E #4EFCDF #884EFC #FC4E6B
square
#C2FC4E #4EFCDF #884EFC #FC4E6B
split-complementary
#C2FC4E #4E6BFC #DF4EFC
monochromatic
#89CC03 #ADFB12 #C2FC4E #D7FD8A #EBFEC6

Accessibility & contrast

On white

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

On black

17.33
#C2FC4E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C2FC4E
17.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C2FC4E#FFFFFF#000000##000000
##C2FC4E1.001.2117.3317.33
#FFFFFF1.211.0021.0021.00
#00000017.3321.001.001.00
##00000017.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEB31
Deuteranopia (green-blind)
#FFE85D
Tritanopia (blue-blind)
#CAF0DA
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #c2fc4e;
/* rgb */ color: rgb(194, 252, 78);
/* oklch */ color: oklch(92.0% 0.205 126.3);
Tailwind
colors: {
  custom: {
    50: '#d8fd89',
    500: '#c2fc4e',
    950: '#000000',
  },
}
SCSS
$custom: #c2fc4e;
$custom-light: #d8fd89;
$custom-dark: #000000;
JSON
{
  "hex": "#c2fc4e",
  "rgb": {
    "r": 194,
    "g": 252,
    "b": 78
  },
  "hsl": {
    "h": 80,
    "s": 96.667,
    "l": 64.706
  },
  "oklch": {
    "l": 0.92029,
    "c": 0.20483,
    "h": 126.3
  },
  "luminance": 0.8164
}

Semantic roles & 50–950 ramp

primary
#C2FC4E
secondary
#5C27C8
accent
#00E64D
background
#FEFFFC
surface
#FCFFF4
border
#D5D7CE
text
#15170C
muted
#84857F

Preview Lab

Preview with #C2FC4E

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

Preview Lab → · Contrast checker → · Palette generator →

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