Cyber Lime

A high-energy yellow-green that spotlights innovation and speed.

Generate palettes Visualize in mockups Back to 2026 overview

Copy color values

HEX / RGB / CMYK ready for dev teams.

HEX

#C3F400

RGB

rgb(195, 244, 0)

CMYK

20, 0, 100, 4

Palette ideas

Monochrome, analogous, complementary, and triadic sets.

Monochrome Depth

Light and dark steps around the hero color.

#6A8500

#9BC200

#C3F400

#D4FF29

#E0FF66

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#D69D00

#F5ED00

#C3F400

#8BF500

#62FF14

Complementary Contrast

Opposites that add clarity and focus.

#C3F400

#2B00D6

#4C1FFF

#85A509

#D3EF61

Triadic Balance

Three evenly spaced hues for versatile layouts.

#C3F400

#00C4F5

#F500C4

#9EC408

#D3F745

Split Complementary

Balanced contrast with two supporting accents.

#C3F400

#0049F5

#AC00F5

#7F9E05

#D9FA57

Export tokens

Copy CSS variables or plug into Tailwind.

#C3F400

CSS Variables

:root {
  --year-base: #C3F400;
  --year-base-contrast: #1F2937;
  --year-accent-1: #9BC200;
  --year-accent-2: #C3F400;
  --year-accent-3: #D4FF29;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},