#C6F06F#C6F06F

#C6F06F is a very light, vivid yellow-green. Relative luminance 0.755; OKLCH L 89.9% C 0.163 H 124.6°. Best body text is #000000 at 16.09:1 contrast (WCAG AA passes).

Color values

HEX#C6F06F
RGBrgb(198, 240, 111)
HSLhsl(80, 81%, 69%)
HSVhsv(80, 54%, 94%)
CMYKcmyk(17.5%, 0%, 53.8%, 5.9%)
CIE-LABlab(89.61, -32.80, 57.09)
CIE-LCHlch(89.61, 65.84, 119.88°)
OKLaboklab(89.92% -0.0927 0.1343)
OKLCHoklch(89.92% 0.163 124.6)
XYZxyz(57.3181, 75.4732, 26.5839)
Luminance0.7547 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C6F06F #996FF0
analogous
#F0DA6F #C6F06F #86F06F
triadic
#C6F06F #6FC6F0 #F06FC6
tetradic
#C6F06F #6FF0DA #996FF0 #F06F86
square
#C6F06F #6FF0DA #996FF0 #F06F86
split-complementary
#C6F06F #6F86F0 #DA6FF0
monochromatic
#93CF16 #B0EA38 #C6F06F #DCF6A6 #F2FCDE

Accessibility & contrast

On white

1.30
#C6F06F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.09
#C6F06F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C6F06F
16.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C6F06F#FFFFFF#000000##000000
##C6F06F1.001.3016.0916.09
#FFFFFF1.301.0021.0021.00
#00000016.0921.001.001.00
##00000016.0921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FCE362
Deuteranopia (green-blind)
#F6E177
Tritanopia (blue-blind)
#CDE6D3
Achromatopsia (no color)
#E1E1E1

Design tokens & code

CSS
--color: #c6f06f;
/* rgb */ color: rgb(198, 240, 111);
/* oklch */ color: oklch(89.9% 0.163 124.6);
Tailwind
colors: {
  custom: {
    50: '#daf59c',
    500: '#c6f06f',
    950: '#000000',
  },
}
SCSS
$custom: #c6f06f;
$custom-light: #daf59c;
$custom-dark: #000000;
JSON
{
  "hex": "#c6f06f",
  "rgb": {
    "r": 198,
    "g": 240,
    "b": 111
  },
  "hsl": {
    "h": 79.535,
    "s": 81.132,
    "l": 68.824
  },
  "oklch": {
    "l": 0.89915,
    "c": 0.16315,
    "h": 124.6
  },
  "luminance": 0.75474
}

Semantic roles & 50–950 ramp

primary
#C6F06F
secondary
#693AC9
accent
#08DD4E
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15170E
muted
#84857F

Preview Lab

Preview with #C6F06F

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

Preview Lab → · Contrast checker → · Palette generator →

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