Back To ColorsColor DetailGreenApproximate Match

Flash Clover

Flash Clover is a deep green presented as a focused Visualmodo color page with conversions, harmonies, accessibility checks, and placeholder editorial content ready for expansion.

Green

28BB45

Flash Clover

Displayed name

Flash Clover

Hex value

#28BB45

Conversion
Core color values rendered from the selected HEX using the current Visualmodo conversion helpers.

HEX

#28BB45

RGB

rgb(40, 187, 69)

CMYK

cmyk(78.6%, 0%, 63.1%, 26.7%)

HSL

hsl(131.8, 64.8%, 44.5%)

HSV

hsv(131.8, 78.6%, 73.3%)

LAB

lab(66.84, -61.07, 47.96)

XYZ

xyz(19.718, 36.419, 11.619)

HWB

hwb(131.8, 15.7%, 26.7%)

Quick Facts
A compact summary for the current color page.

Source kind

catalog nearest

Canonical color

#22BB44

Recommended text

#0A0A0A

About This Color
Structured editorial blocks following the same content hierarchy used by the reference page.

Description

Flash Clover reads as a deep green with a clear tone, making it easy to place inside polished interfaces, editorial systems, and brand-led compositions.

Psychology

This color naturally suggests growth, balance, and freshness, which makes it useful when you want a palette to feel intentional without becoming visually noisy.

Meaning

In practical visual language, Flash Clover communicates a controlled version of growth. It feels more designed than generic, especially when paired with neutral surfaces and measured typography.

Why Use This Color

Flash Clover works well when a layout needs a clear anchor color that still preserves breathing room. It is especially effective in systems that need balance between character and restraint.

Applications

Use it in dashboards, marketing surfaces, feature highlights, UI accents, and branded illustrations where you want a memorable tone without sacrificing legibility or flexibility.

History

This section is placeholder content for now, but it is structured so future editorial copy can explain naming origin, reference systems, and cultural or design-history context for Flash Clover.

Accessibility

Flash Clover should always be tested against intended backgrounds. Its contrast behavior changes notably depending on whether it is used as a surface color, a text color, or a small accent element.

Similar Colors

Shades near Flash Clover usually preserve the same overall mood while shifting either toward softer neutrals or more chromatic variants, which makes them useful for building tonal ramps and secondary palette options.

Variations
Shades, tints, tones, hue shifts, and temperature progressions generated from the current base color.

Shades

A shade is created by adding black to a base color, increasing its darkness and visual weight.

Tints

A tint is created by adding white to a base color, increasing its lightness and softness.

Tones

A tone is created by adding gray to a base color, producing a calmer and more measured result.

Hues

Hue variations move around the color wheel while preserving the general saturation and lightness balance.

Temperatures

Temperature variations push the color gradually toward warmer or cooler readings while preserving the core identity.

Color Harmonies
Harmony groups derived from the current color using hue-based relationships similar to the reference structure.

Analogous

Analogous color schemes are made by picking three colors that sit next to each other on the color wheel and usually feel calm and cohesive.

Complementary

Complementary color schemes use opposite hues to create vivid contrast and a stronger focal relationship.

Split Complementary

Split complementary schemes soften a direct complement by using the two neighboring hues instead.

Triadic

Triadic color schemes distribute three hues evenly across the wheel for a more contrasted but still balanced palette.

Tetradic

Tetradic schemes create a flexible four-color relationship that works best when one hue remains dominant.

Square

Square color schemes keep four hues evenly spaced, producing a more energetic and highly distributed palette.

Blindness Simulator
Preview how the selected color shifts under common color-vision deficiency simulations.

Protanopia

1.3% of men, 0.02% of women

28BB45

686962

0% similar

Deuteranopia

1.2% of men, 0.01% of women

28BB45

5F5468

0% similar

Tritanopia

0.001% of men, 0.03% of women

28BB45

2F787D

0% similar

Achromatopsia

0.003% of the population

28BB45

828282

9% similar
White Background
Contrast preview for the current color when used as text against the selected background.

Quote n. 32

All visual systems become stronger when color, tone, spacing, and type hierarchy reinforce one another.

Visualmodo

Very Poor1/52.53:1
Black Background
Contrast preview for the current color when used as text against the selected background.

Quote n. 32

All visual systems become stronger when color, tone, spacing, and type hierarchy reinforce one another.

Visualmodo

Excellent4/58.28:1
Similar Colors
Nearby colors pulled from the current catalog to help move through visually related pages.
Catalog Route
Jump back into the category browser for broader exploration.

Green Catalog

Browse the surrounding category to compare nearby swatches in context.

Open Catalog
Color Libraries
Name mapping is real, while the remaining library rows are clearly marked placeholders until dedicated sources are connected.

Name

Flash Clover

22BB44

Nearest Match

RAL

Example

Example Match

28BB45

Placeholder

HKS

Example

Example Match

28BB45

Placeholder

Copic

Example

Example Match

28BB45

Placeholder

Prismacolor

Example

Example Match

28BB45

Placeholder

Color Palettes
Example palettes generated from the current color so the section is ready before palette ingestion arrives.

Balanced Analogous

A softer three-color palette that stays close to the original hue family.

High Contrast Pairing

A contrast-led set built around the complementary relationship of the selected color.

Tonal Ramp

A practical range for UI ramps, cards, accents, and supporting interface states.

Editorial Surface

A restrained palette shaped for modern layouts, brand systems, and landing pages.