Color conversion
#f2ff00Luminous Chartreuse
CMYK profile: Coated FOGRA39 (Photoshop's default for Europe)
About this color
Urgent optimism with kinetic energy
A razor-bright yellow-green that reads as almost fluorescent in daylight, sitting squarely between lemon and lime. It feels urgent and electric, like a jolt of attention—cheerful but impossible to ignore.
Designer tip
Use Luminous Chartreuse as a small, high-impact accent (icons, CTA buttons, or safety strips) against deep, desaturated backgrounds and limit its use to under 10% of the layout to preserve legibility and avoid visual fatigue.
Best use case
Psychology
Psychological traits and emotional associations
Effect
Emotional impact
Meaning & symbolism
Cultural symbolism and significance
Cultural significance
Positive associations
Negative associations
Design applications
How this color is used across different fields
- Mobile app CTAs
- Use as the single primary CTA color on dark, muted UI surfaces to maximize conversion and immediate recognition; its high luminance makes taps obvious even in bright ambient light.
- Safety and workwear
- Applied to vests, helmets, and signage where rapid visual detection is required; the near-fluorescent quality improves visibility at a distance and in low-light conditions.
- Sports and athleisure branding
- Works as an energetic accent on footwear and apparel to suggest speed and performance, pairing well with charcoal or black base materials for contrast.
- Wayfinding and signage
- Use for directional arrows, hazard zones, and emergency exits to grab attention quickly and reduce reaction time in public or industrial spaces.
- Packaging accent on consumer electronics
- A thin band or button in this color signals modernity and tech-forward thinking, helping products stand out on crowded shelves without overwhelming the core brand color.
Design guidance
Practical tips for using this color effectively in your designs
Do this
- Apply as a micro-accents (buttons, icons, safety strips) against dark or muted backgrounds to preserve legibility and impact.
- Pair with one deep complementary or neutral anchor (e.g., deep violet or charcoal) to create controlled contrast and visual rest.
- Test under multiple light conditions (sunlight, office fluorescent, and dim interiors) to ensure perceived brightness and legibility remain acceptable.
Avoid this
- Don't use it as a background for long passages of text—readability collapses and eye strain increases.
- Don't pair it with warm, saturated yellows or close fluorescent greens without a neutral buffer—colors will vibrate and create visual noise.
- Don't rely on it for subtlety or luxury positioning; it reads as loud and functional rather than refined.
Fundamentals
Overuse risk
Brand fit
Industries and brand archetypes that align with this color
Trust level
Seriousness
Trend
Color pairing
Colors that complement and enhance this shade
#0D00FF
Complementary contrast — a vivid violet provides maximum legibility and dramatic contrast (complementary harmony) for high-impact accents.
#00B3FF
Triadic balance — a saturated cyan creates a lively triadic scheme that preserves vibrancy without desaturating either color (triadic harmony).
#A8FF00
Analogous smoothing — a slightly deeper lime-green softens transitions and supports monochromatic accents (analogous harmony).
Typography hints
Historical significance
The story and heritage of this color
This vivid lemon-lime range has precursors in historical pigments like chrome yellow (lead chromate) used by 19th-century painters for intense lemon tones, but the near-fluorescent appearance of Luminous Chartreuse only became possible with synthetic, high-luminance pigments and dyes developed in the 20th century. Early commercial fluorescent dyes (mid-1900s) and post-war synthetic chemistry enabled the modern neon chartreuse family.
Artists from the Impressionists onward exploited bright yellows for light and focal points, while the 20th century saw fluorescent variants adopted in advertising, safety garments, and pop art; the 1980s and 1990s brought neon chartreuse into fashion and streetwear as an attention-seeking accent. Industrial standards later codified fluorescent yellow-greens for high-visibility safety equipment, cementing the hue’s association with caution and visibility.
In contemporary practice, this exact shade is common as a purposeful accent in UI design, sportswear 'Volt' colorways, and safety applications where visibility matters; designers now balance its kinetic energy with desaturated companions to harness its attention-grabbing power without overwhelming users or spaces.
Variations
The purpose of this section is to accurately produce tints (pure white added) and shades (pure black added) of your selected color in 10% increments.
Pro tip: Use shades for hover states and shadows, tints for highlights and backgrounds.
Shades
Darker variations created by adding black to your base color.
Tints
Lighter variations created by adding white to your base color.
Common use cases
- • UI component states (hover, active, disabled)
- • Creating depth with shadows and highlights
- • Building consistent color systems
Design system tip
These variations form the foundation of a cohesive color palette. Export them to maintain consistency across your entire project.
Color combinations
Each harmony has its own mood. Use harmonies to brainstorm color combos that work well together.
How to use
Click on any color to copy its hex value. These combinations are mathematically proven to create visual harmony.
Why it matters
Color harmonies create balance and evoke specific emotions in your designs.
Complement
A color and its opposite on the color wheel, +180 degrees of hue. High contrast.
Split-complementary
A color and two adjacent to its complement, +/-30 degrees of hue from the value opposite the main color. Bold like a straight complement, but more versatile.
Triadic
Three colors spaced evenly along the color wheel, each 120 degrees of hue apart. Best to allow one color to dominate and use the others as accents.
Analogous
Three colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
Monochromatic
Three colors of the same hue with luminance values +/-50%. Subtle and refined.
Tetradic
Two sets of complementary colors, separated by 60 degrees of hue.
Color theory principles
Balance
Use one dominant color, support with secondary, and accent sparingly.
Contrast
Ensure sufficient contrast for readability and accessibility.
Harmony
Colors should work together to create a unified visual experience.
Color contrast checker
Test color combinations to ensure they meet WCAG accessibility standards for text readability.
Contrast
WCAG standards
Advanced contrast checker
Fine-tune with sliders, multiple previews & more
Everybody is a Genius. But If You Judge a Fish by Its Ability to Climb a Tree, It Will Live Its Whole Life Believing that It is Stupid.
Technical formats
Explore advanced color space representations and professional color models used in video production, photography, scientific applications, and color management systems. These technical formats provide precise color specifications for specialized industries and applications.
Practical formats
Convert colors to practical formats for real-world applications including print simulation, LED displays, terminal output, and data encoding. These formats help you implement colors across different media, platforms, and physical devices.
Color analysis
Analyze color properties with advanced metrics including spectral composition, color purity, metamerism effects, and perceptual characteristics. These tools provide deep insights into color behavior and appearance under different viewing conditions.
Blindness simulator
Check how a color is perceived by people with different types of color blindness to create more accessible designs. Understanding color perception helps ensure your content is accessible to everyone.
Creative aspects
Explore the artistic and psychological dimensions of colors including seasonal associations, emotional impact, natural occurrences, historical pigments, and color mixing recipes for creative applications.