← Back to Editor

#93FF40 · #7DD936 · #559425 · #642594 · #0A1204

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamic

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#93FF40

Emerald · GreenYellow · Apple Green

HEX
#93FF40
RGB
rgb(147, 255, 64)
HSL
hsl(94, 100%, 63%)
HSB
hsb(94, 75%, 100%)
CMYK
cmyk(42%, 0%, 75%, 0%)
Oklch
oklch(90.1% 0.239 135.0)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#7DD936

Emerald · GreenYellow · Olive Green

HEX
#7DD936
RGB
rgb(125, 217, 54)
HSL
hsl(94, 68%, 53%)
HSB
hsb(94, 75%, 85%)
CMYK
cmyk(42%, 0%, 75%, 15%)
Oklch
oklch(79.8% 0.210 134.9)

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

#559425

Pine Green · DarkOliveGreen · Forest Green

HEX
#559425
RGB
rgb(85, 148, 37)
HSL
hsl(94, 60%, 36%)
HSB
hsb(94, 75%, 58%)
CMYK
cmyk(43%, 0%, 75%, 42%)
Oklch
oklch(60.2% 0.156 134.8)

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

#642594

Royal Purple · DarkSlateBlue · Eggplant

HEX
#642594
RGB
rgb(100, 37, 148)
HSL
hsl(274, 60%, 36%)
HSB
hsb(274, 75%, 58%)
CMYK
cmyk(32%, 75%, 0%, 42%)
Oklch
oklch(41.7% 0.172 306.0)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#0A1204

Pine Green · Black · Dark Green

HEX
#0A1204
RGB
rgb(10, 18, 4)
HSL
hsl(94, 64%, 4%)
HSB
hsb(94, 78%, 7%)
CMYK
cmyk(44%, 0%, 78%, 93%)
Oklch
oklch(16.9% 0.032 131.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93FF40
AD42FF

Analogous

F2FF42
93FF40
42FF4F

Triadic

93FF40
4294FF
FF4294

Split-Comp.

93FF40
4F42FF
FF42F2

Tetradic

93FF40
42F2FF
AD42FF
FF4F42

Contrast Matrix WCAG 2.1 Contrast

93FF40
7DD936
559425
642594
0A1204
—
1.4
Fail
2.9
Fail
7.4
AAA
15.1
AAA
1.4
Fail
—
2.1
Fail
5.3
AA
10.8
AAA
2.9
Fail
2.1
Fail
—
2.5
Fail
5.1
AA
7.4
AAA
5.3
AA
2.5
Fail
—
2.0
Fail
15.1
AAA
10.8
AAA
5.1
AA
2.0
Fail
—
White BG
1.3Fail
1.8Fail
3.7AA Large
9.4AAA
19.1AAA
Black BG
16.6AAA
11.9AAA
5.6AA
2.2Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C36E
A5A65D
707140
494879
0D0E07

Deuteranopia

BCB379
A09967
6D6846
4C5173
0D0C08

Tritanopia

98939B
827D83
58555A
61645F
0A0A0B

Achromatopsia

C9C9C9
ABABAB
757575
444444
0E0E0E

Shades & Tints Shades & Tints

#93FF40

Dark
Light

#7DD936

Dark
Light

#559425

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93ff40;
  --color-2: #7dd936;
  --color-3: #559425;
  --color-4: #642594;
  --color-5: #0a1204;
}

SCSS

$color-1: #93ff40;
$color-2: #7dd936;
$color-3: #559425;
$color-4: #642594;
$color-5: #0a1204;

TAILWIND

colors: {
  'brand-1': '#93ff40',
  'brand-2': '#7dd936',
  'brand-3': '#559425',
  'brand-4': '#642594',
  'brand-5': '#0a1204',
}

RGB Array

[147, 255, 64], [125, 217, 54], [85, 148, 37], [100, 37, 148], [10, 18, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93FF40, #7DD936, #559425, #642594, #0A1204 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #93ff40; --color-2: #7dd936; --color-3: #559425; --color-4: #642594; --color-5: #0a1204. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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