Neon Yellow #CFFF04

About this color

#CFFF04 is a very light, vivid yellow. In OKLCH its lightness is 93%, its chroma 0.227 and its hue 122°. Its hue sits between the warm and cool halves of the wheel. It is the named color Neon Yellow. Black text reads best on it, at 17.95:1.

Colors that go with Neon Yellow

Matches found by rotating Neon Yellow around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Neon Yellow

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Neon Yellow, closest first.

• Last Tram Home

Similar named colors

The eight named colors closest to Neon Yellow, with their ΔE distance.

• Lime Yellow #D0FE1D ΔE 0.005
• Lemon Lime #BFFE28 ΔE 0.019
• Greeny Yellow #C6F808 ΔE 0.022
• Yellowgreen #BBF90F ΔE 0.030
• Green Yellow #ADFF2F ΔE 0.037
• Light Lime Green #B9FF66 ΔE 0.043
• Electric Lime #A8FF04 ΔE 0.044
• Yellowy Green #BFF128 ΔE 0.044

More about Neon Yellow

• Shades of green
• What green means

How to make Neon Yellow

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts white
• 3 parts yellow
• 1 part green

Recipe result: #D4E663, a difference of ΔE 0.087 from Neon Yellow. Neon Yellow is more vivid than these paints can mix, so start from a ready-made green paint and adjust it.

What colors make green? | Color mixing chart

Codes for Neon Yellow in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Neon Yellow

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 100.

1. Step 50

   50

   #F1FADE

   oklch(97.1% 0.038 121.6)

2. Step 100

   100 (this color)

   #CFFF04

   oklch(93.3% 0.227 122.4)

3. Step 200

   200

   #C6EA67

   oklch(88.5% 0.163 122.6)

4. Step 300

   300

   #ABD300

   oklch(80.9% 0.197 122.4)

5. Step 400

   400

   #8EB000

   oklch(70.6% 0.172 122.4)

6. Step 500

   500

   #7A9700

   oklch(63.1% 0.154 122.2)

7. Step 600

   600

   #667F00

   oklch(55.6% 0.135 122.3)

8. Step 700

   700

   #556B00

   oklch(49.2% 0.12 122.6)

9. Step 800

   800

   #455700

   oklch(42.6% 0.104 122.4)

10. Step 900

    900

    #394900

    oklch(37.8% 0.092 122.7)

11. Step 950

    950

    #212B00

    oklch(27% 0.066 122.2)

Export this scale for Tailwind in the Tailwind colors tool

Neon Yellow with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.