#C4DC6A#C4DC6A

#C4DC6A is a very light, vivid yellow-green. Relative luminance 0.640; OKLCH L 85.3% C 0.143 H 119.4°. Best body text is #000000 at 13.79:1 contrast (WCAG AA passes).

Color values

HEX#C4DC6A
RGBrgb(196, 220, 106)
HSLhsl(73, 62%, 64%)
HSVhsv(73, 52%, 86%)
CMYKcmyk(10.9%, 0%, 51.8%, 13.7%)
CIE-LABlab(83.95, -24.61, 52.70)
CIE-LCHlch(83.95, 58.17, 115.03°)
OKLaboklab(85.31% -0.07 0.1244)
OKLCHoklch(85.31% 0.143 119.4)
XYZxyz(50.9602, 63.9630, 23.2943)
Luminance0.6396 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C4DC6A #826ADC
analogous
#DCBB6A #C4DC6A #8BDC6A
triadic
#C4DC6A #6AC4DC #DC6AC4
tetradic
#C4DC6A #6ADCBB #826ADC #DC6A8B
square
#C4DC6A #6ADCBB #826ADC #DC6A8B
split-complementary
#C4DC6A #6A8BDC #BB6ADC
monochromatic
#8AA527 #B0D038 #C4DC6A #D8E89C #EBF3CD

Accessibility & contrast

On white

1.52
#C4DC6A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.79
#C4DC6A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C4DC6A
13.79:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C4DC6A#FFFFFF#000000##000000
##C4DC6A1.001.5213.7913.79
#FFFFFF1.521.0021.0021.00
#00000013.7921.001.001.00
##00000013.7921.001.001.00

Color blindness preview

Protanopia (red-blind)
#E8D15F
Deuteranopia (green-blind)
#E5D271
Tritanopia (blue-blind)
#CDD2C2
Achromatopsia (no color)
#D1D1D1

Design tokens & code

CSS
--color: #c4dc6a;
/* rgb */ color: rgb(196, 220, 106);
/* oklch */ color: oklch(85.3% 0.143 119.4);
Tailwind
colors: {
  custom: {
    50: '#d8e697',
    500: '#c4dc6a',
    950: '#000000',
  },
}
SCSS
$custom: #c4dc6a;
$custom-light: #d8e697;
$custom-dark: #000000;
JSON
{
  "hex": "#c4dc6a",
  "rgb": {
    "r": 196,
    "g": 220,
    "b": 106
  },
  "hsl": {
    "h": 72.632,
    "s": 61.957,
    "l": 63.922
  },
  "oklch": {
    "l": 0.85308,
    "c": 0.14271,
    "h": 119.4
  },
  "luminance": 0.63963
}

Semantic roles & 50–950 ramp

primary
#C4DC6A
secondary
#5842A8
accent
#1CCA40
background
#FEFEFC
surface
#FCFCF5
border
#D5D5CF
text
#15160E
muted
#84847F

Preview Lab

Preview with #C4DC6A

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

Preview Lab → · Contrast checker → · Palette generator →

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