Color Palettes

Fluorescent yellow color

A greenish yellow so saturated it seems to give off light. It's the color of highlighters, reflective vests and tennis balls. On screen it stands out enormously.

Also known as: neon yellow, highlighter yellow.

Fluorescent yellow · #CCFF00

About fluorescent yellow

Fluorescent yellow (#CCFF00) is a balanced, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 204 red, 255 green and 0 blue (out of 255). It is mostly used in sports, safety, graphic design.

Fluorescent yellow shades and tints

From lightest to darkest. Tap a shade to copy its code.

Fluorescent yellow color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue
AnalogousClose to: Amber, Neon green
TriadicClose to: Baby blue, Fuchsia
Split complementaryClose to: Electric blue, Violet
TetradicClose to: Emerald green, Blue, Crimson

Fluorescent yellow color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Fluorescent yellow
Analogous palette · Fluorescent yellow
Complementary palette · Fluorescent yellow
Triadic palette · Fluorescent yellow
With neutrals palette · Fluorescent yellow
With an accent palette · Fluorescent yellow

Fluorescent yellow contrast with text

White textContrast 1.2:1 · Not recommended
Black textContrast 17.9:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --fluorescent-yellow: #CCFF00;
  --fluorescent-yellow-rgb: 204, 255, 0;
}
.bg { background-color: var(--fluorescent-yellow); }
.text { color: var(--fluorescent-yellow); }

Colors similar to fluorescent yellow

Lime greenYellowLemon yellowChartreuseGrass greenCanary yellowApple greenCorn yellowGoldNeon green

Themed palettes with this color

Mobile app color palettesNeon color palettes

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowCorn yellowSunflower yellow

Frequently asked questions

What is the hex code for fluorescent yellow?

The hex code for fluorescent yellow is #CCFF00. In RGB it is rgb(204, 255, 0), in HSL hsl(72, 100%, 50%) and in CMYK 20, 0, 100, 0.

What is the complementary color of fluorescent yellow?

Its complement on the color wheel is #3300FF, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on fluorescent yellow?

Use black text instead: the contrast with white is only 1.2:1, while with black it is 17.9:1.