#C1F662#C1F662

#C1F662 is a very light, vivid yellow-green. Relative luminance 0.781; OKLCH L 90.8% C 0.184 H 126.5°. Best body text is #000000 at 16.63:1 contrast (WCAG AA passes).

Color values

HEX#C1F662
RGBrgb(193, 246, 98)
HSLhsl(81, 89%, 67%)
HSVhsv(81, 60%, 96%)
CMYKcmyk(21.5%, 0%, 60.2%, 3.5%)
CIE-LABlab(90.84, -38.49, 64.03)
CIE-LCHlch(90.84, 74.71, 121.01°)
OKLaboklab(90.79% -0.1093 0.1479)
OKLCHoklch(90.79% 0.184 126.5)
XYZxyz(57.1527, 78.1300, 23.6224)
Luminance0.7813 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C1F662 #9762F6
analogous
#F6E162 #C1F662 #77F662
triadic
#C1F662 #62C1F6 #F662C1
tetradic
#C1F662 #62F6E1 #9762F6 #F66277
square
#C1F662 #62F6E1 #9762F6 #F66277
split-complementary
#C1F662 #6277F6 #E162F6
monochromatic
#8BD20C #AAF328 #C1F662 #D8F99C #EFFDD6

Accessibility & contrast

On white

1.26
#C1F662 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.63
#C1F662 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C1F662
16.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C1F662#FFFFFF#000000##000000
##C1F6621.001.2616.6316.63
#FFFFFF1.261.0021.0021.00
#00000016.6321.001.001.00
##00000016.6321.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE751
Deuteranopia (green-blind)
#FBE46D
Tritanopia (blue-blind)
#C8EBD7
Achromatopsia (no color)
#E5E5E5

Design tokens & code

CSS
--color: #c1f662;
/* rgb */ color: rgb(193, 246, 98);
/* oklch */ color: oklch(90.8% 0.184 126.5);
Tailwind
colors: {
  custom: {
    50: '#d7f994',
    500: '#c1f662',
    950: '#000000',
  },
}
SCSS
$custom: #c1f662;
$custom-light: #d7f994;
$custom-dark: #000000;
JSON
{
  "hex": "#c1f662",
  "rgb": {
    "r": 193,
    "g": 246,
    "b": 98
  },
  "hsl": {
    "h": 81.486,
    "s": 89.157,
    "l": 67.451
  },
  "oklch": {
    "l": 0.90785,
    "c": 0.18391,
    "h": 126.5
  },
  "luminance": 0.78131
}

Semantic roles & 50–950 ramp

primary
#C1F662
secondary
#682FCD
accent
#00E652
background
#FEFFFC
surface
#FCFFF5
border
#D5D7CF
text
#15170E
muted
#84857F

Preview Lab

Preview with #C1F662

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

Preview Lab → · Contrast checker → · Palette generator →

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