#C7E75C#C7E75C

#C7E75C is a very light, vivid yellow-green. Relative luminance 0.701; OKLCH L 87.8% C 0.168 H 120.9°. Best body text is #000000 at 15.01:1 contrast (WCAG AA passes).

Color values

HEX#C7E75C
RGBrgb(199, 231, 92)
HSLhsl(74, 74%, 63%)
HSVhsv(74, 60%, 91%)
CMYKcmyk(13.9%, 0%, 60.2%, 9.4%)
CIE-LABlab(87.03, -29.82, 62.45)
CIE-LCHlch(87.03, 69.21, 115.52°)
OKLaboklab(87.79% -0.0861 0.1438)
OKLCHoklch(87.79% 0.168 120.9)
XYZxyz(54.0615, 70.0667, 20.7993)
Luminance0.7007 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C7E75C #7C5CE7
analogous
#E7C15C #C7E75C #81E75C
triadic
#C7E75C #5CC7E7 #E75CC7
tetradic
#C7E75C #5CE7C1 #7C5CE7 #E75C81
square
#C7E75C #5CE7C1 #7C5CE7 #E75C81
split-complementary
#C7E75C #5C81E7 #C15CE7
monochromatic
#8DAF1A #B5DF27 #C7E75C #D9EF91 #ECF7C7

Accessibility & contrast

On white

1.40
#C7E75C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.01
#C7E75C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C7E75C
15.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C7E75C#FFFFFF#000000##000000
##C7E75C1.001.4015.0115.01
#FFFFFF1.401.0021.0021.00
#00000015.0121.001.001.00
##00000015.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4DA4C
Deuteranopia (green-blind)
#F0DA65
Tritanopia (blue-blind)
#D1DCCA
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #c7e75c;
/* rgb */ color: rgb(199, 231, 92);
/* oklch */ color: oklch(87.8% 0.168 120.9);
Tailwind
colors: {
  custom: {
    50: '#dbee8f',
    500: '#c7e75c',
    950: '#000000',
  },
}
SCSS
$custom: #c7e75c;
$custom-light: #dbee8f;
$custom-dark: #000000;
JSON
{
  "hex": "#c7e75c",
  "rgb": {
    "r": 199,
    "g": 231,
    "b": 92
  },
  "hsl": {
    "h": 73.813,
    "s": 74.332,
    "l": 63.333
  },
  "oklch": {
    "l": 0.87793,
    "c": 0.16756,
    "h": 120.9
  },
  "luminance": 0.70067
}

Semantic roles & 50–950 ramp

primary
#C7E75C
secondary
#5337B0
accent
#0FD63D
background
#FEFFFC
surface
#FCFEF4
border
#D5D6CE
text
#15160D
muted
#84857F

Preview Lab

Preview with #C7E75C

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

Preview Lab → · Contrast checker → · Palette generator →

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