#C1E661#C1E661

#C1E661 is a very light, vivid yellow-green. Relative luminance 0.688; OKLCH L 87.2% C 0.165 H 122.9°. Best body text is #000000 at 14.76:1 contrast (WCAG AA passes).

Color values

HEX#C1E661
RGBrgb(193, 230, 97)
HSLhsl(77, 73%, 64%)
HSVhsv(77, 58%, 90%)
CMYKcmyk(16.1%, 0%, 57.8%, 9.8%)
CIE-LABlab(86.40, -31.28, 59.51)
CIE-LCHlch(86.40, 67.23, 117.73°)
OKLaboklab(87.2% -0.0894 0.1382)
OKLCHoklch(87.2% 0.165 122.9)
XYZxyz(52.4472, 68.7940, 21.8225)
Luminance0.6879 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C1E661 #8661E6
analogous
#E6C961 #C1E661 #7FE661
triadic
#C1E661 #61C1E6 #E661C1
tetradic
#C1E661 #61E6C9 #8661E6 #E6617F
square
#C1E661 #61E6C9 #8661E6 #E6617F
split-complementary
#C1E661 #617FE6 #C961E6
monochromatic
#87B11C #ACDE2C #C1E661 #D6EE96 #EAF7CB

Accessibility & contrast

On white

1.42
#C1E661 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.76
#C1E661 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C1E661
14.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C1E661#FFFFFF#000000##000000
##C1E6611.001.4214.7614.76
#FFFFFF1.421.0021.0021.00
#00000014.7621.001.001.00
##00000014.7621.001.001.00

Color blindness preview

Protanopia (red-blind)
#F2D953
Deuteranopia (green-blind)
#EDD86A
Tritanopia (blue-blind)
#CADCC9
Achromatopsia (no color)
#D8D8D8

Design tokens & code

CSS
--color: #c1e661;
/* rgb */ color: rgb(193, 230, 97);
/* oklch */ color: oklch(87.2% 0.165 122.9);
Tailwind
colors: {
  custom: {
    50: '#d6ee92',
    500: '#c1e661',
    950: '#000000',
  },
}
SCSS
$custom: #c1e661;
$custom-light: #d6ee92;
$custom-dark: #000000;
JSON
{
  "hex": "#c1e661",
  "rgb": {
    "r": 193,
    "g": 230,
    "b": 97
  },
  "hsl": {
    "h": 76.692,
    "s": 72.678,
    "l": 64.118
  },
  "oklch": {
    "l": 0.87201,
    "c": 0.16455,
    "h": 122.9
  },
  "luminance": 0.68794
}

Semantic roles & 50–950 ramp

primary
#C1E661
secondary
#5B3AB1
accent
#11D547
background
#FEFFFC
surface
#FCFEF4
border
#D5D6CE
text
#15160D
muted
#84857F

Preview Lab

Preview with #C1E661

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

Preview Lab → · Contrast checker → · Palette generator →

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