← Back to Editor

#A8FB03 · #51DA07 · #E40372 · #942668 · #311624

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A8FB03

Grass Green · Chartreuse · Olive Green

HEX
#A8FB03
RGB
rgb(168, 251, 3)
HSL
hsl(80, 98%, 50%)
HSB
hsb(80, 99%, 98%)
CMYK
cmyk(33%, 0%, 99%, 2%)
Oklch
oklch(90.0% 0.241 129.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#51DA07

Pine Green · LimeGreen · Olive Green

HEX
#51DA07
RGB
rgb(81, 218, 7)
HSL
hsl(99, 94%, 44%)
HSB
hsb(99, 97%, 85%)
CMYK
cmyk(63%, 0%, 97%, 15%)
Oklch
oklch(78.2% 0.245 139.1)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#E40372

Dark Violet · MediumVioletRed · Camellia

HEX
#E40372
RGB
rgb(228, 3, 114)
HSL
hsl(330, 97%, 45%)
HSB
hsb(330, 99%, 89%)
CMYK
cmyk(0%, 99%, 50%, 11%)
Oklch
oklch(59.4% 0.239 2.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#942668

Rose Purple · Purple · Camellia

HEX
#942668
RGB
rgb(148, 38, 104)
HSL
hsl(324, 59%, 36%)
HSB
hsb(324, 74%, 58%)
CMYK
cmyk(0%, 74%, 30%, 42%)
Oklch
oklch(46.4% 0.159 348.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#311624

Rose Purple · Black · Raspberry

HEX
#311624
RGB
rgb(49, 22, 36)
HSL
hsl(329, 38%, 14%)
HSB
hsb(329, 55%, 19%)
CMYK
cmyk(0%, 55%, 27%, 81%)
Oklch
oklch(24.5% 0.048 348.9)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8FB03
5603FC

Analogous

FCD303
A8FB03
2CFC03

Triadic

A8FB03
03A9FC
FC03A9

Split-Comp.

A8FB03
032CFC
D303FC

Tetradic

A8FB03
03FCD3
5603FC
FC032C

Contrast Matrix WCAG 2.1 Contrast

A8FB03
51DA07
E40372
942668
311624
—
1.4
Fail
3.6
AA Large
6.0
AA
13.0
AAA
1.4
Fail
—
2.5
Fail
4.2
AA Large
9.0
AAA
3.6
AA Large
2.5
Fail
—
1.7
Fail
3.6
AA Large
6.0
AA
4.2
AA Large
1.7
Fail
—
2.2
Fail
13.0
AAA
9.0
AAA
3.6
AA Large
2.2
Fail
—
White BG
1.3Fail
1.8Fail
4.6AA
7.7AAA
16.5AAA
Black BG
16.5AAA
11.4AAA
4.6AA
2.7Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCD3F
8C8E3A
838157
646358
252521

Deuteranopia

C7C14D
847A46
90A151
6B7354
272920

Tritanopia

AC6E79
58626B
D9423D
8F4B49
301E1D

Achromatopsia

C6C6C6
999999
535353
4E4E4E
202020

Shades & Tints Shades & Tints

#A8FB03

Dark
Light

#51DA07

Dark
Light

#E40372

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8fb03;
  --color-2: #51da07;
  --color-3: #e40372;
  --color-4: #942668;
  --color-5: #311624;
}

SCSS

$color-1: #a8fb03;
$color-2: #51da07;
$color-3: #e40372;
$color-4: #942668;
$color-5: #311624;

TAILWIND

colors: {
  'brand-1': '#a8fb03',
  'brand-2': '#51da07',
  'brand-3': '#e40372',
  'brand-4': '#942668',
  'brand-5': '#311624',
}

RGB Array

[168, 251, 3], [81, 218, 7], [228, 3, 114], [148, 38, 104], [49, 22, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8FB03, #51DA07, #E40372, #942668, #311624 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a8fb03; --color-2: #51da07; --color-3: #e40372; --color-4: #942668; --color-5: #311624. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color