#C8FDA1#C8FDA1

#C8FDA1 is a very light, vivid yellow-green. Relative luminance 0.851; OKLCH L 93.6% C 0.131 H 132.8°. Best body text is #000000 at 18.02:1 contrast (WCAG AA passes).

Color values

HEX#C8FDA1
RGBrgb(200, 253, 161)
HSLhsl(95, 96%, 81%)
HSVhsv(95, 36%, 99%)
CMYKcmyk(20.9%, 0%, 36.4%, 0.8%)
CIE-LABlab(93.93, -32.46, 38.71)
CIE-LCHlch(93.93, 50.52, 129.98°)
OKLaboklab(93.63% -0.0887 0.0958)
OKLCHoklch(93.63% 0.131 132.8)
XYZxyz(65.3764, 85.1018, 46.6932)
Luminance0.8510 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C8FDA1 #D6A1FD
analogous
#F6FDA1 #C8FDA1 #A1FDA8
triadic
#C8FDA1 #A1C8FD #FDA1C8
tetradic
#C8FDA1 #A1F6FD #D6A1FD #FDA8A1
square
#C8FDA1 #A1F6FD #D6A1FD #FDA8A1
split-complementary
#C8FDA1 #A8A1FD #FDA1F6
monochromatic
#82FA29 #A5FC65 #C8FDA1 #EBFEDD #EDFEE1

Accessibility & contrast

On white

1.17
#C8FDA1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

18.02
#C8FDA1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C8FDA1
18.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C8FDA1#FFFFFF#000000##000000
##C8FDA11.001.1718.0218.02
#FFFFFF1.171.0021.0021.00
#00000018.0221.001.001.00
##00000018.0221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFF09A
Deuteranopia (green-blind)
#FCECA6
Tritanopia (blue-blind)
#C9F6E6
Achromatopsia (no color)
#EEEEEE

Design tokens & code

CSS
--color: #c8fda1;
/* rgb */ color: rgb(200, 253, 161);
/* oklch */ color: oklch(93.6% 0.131 132.8);
Tailwind
colors: {
  custom: {
    50: '#dafebd',
    500: '#c8fda1',
    950: '#000000',
  },
}
SCSS
$custom: #c8fda1;
$custom-light: #dafebd;
$custom-dark: #000000;
JSON
{
  "hex": "#c8fda1",
  "rgb": {
    "r": 200,
    "g": 253,
    "b": 161
  },
  "hsl": {
    "h": 94.565,
    "s": 95.833,
    "l": 81.176
  },
  "oklch": {
    "l": 0.93627,
    "c": 0.13059,
    "h": 132.8
  },
  "luminance": 0.85103
}

Semantic roles & 50–950 ramp

primary
#C8FDA1
secondary
#AB62E0
accent
#00E684
background
#FEFFFD
surface
#FCFFF8
border
#D5D7D1
text
#151712
muted
#848582

Preview Lab

Preview with #C8FDA1

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

Preview Lab → · Contrast checker → · Palette generator →

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