← Back to Editor

#94F10F · #09AA72 · #12678D · #131E68 · #20144B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#94F10F

Grass Green · Chartreuse · Olive Green

HEX
#94F10F
RGB
rgb(148, 241, 15)
HSL
hsl(85, 89%, 50%)
HSB
hsb(85, 94%, 95%)
CMYK
cmyk(39%, 0%, 94%, 5%)
Oklch
oklch(86.6% 0.239 132.2)

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

#09AA72

Mineral Blue · Teal · Forest Green

HEX
#09AA72
RGB
rgb(9, 170, 114)
HSL
hsl(159, 90%, 35%)
HSB
hsb(159, 95%, 67%)
CMYK
cmyk(95%, 0%, 33%, 33%)
Oklch
oklch(65.2% 0.144 160.8)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#12678D

Lake Blue · Teal · Mint Ice

HEX
#12678D
RGB
rgb(18, 103, 141)
HSL
hsl(199, 77%, 31%)
HSB
hsb(199, 87%, 55%)
CMYK
cmyk(87%, 27%, 0%, 45%)
Oklch
oklch(48.5% 0.096 234.4)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#131E68

Indigo · MidnightBlue · Prussian Blue

HEX
#131E68
RGB
rgb(19, 30, 104)
HSL
hsl(232, 69%, 24%)
HSB
hsb(232, 82%, 41%)
CMYK
cmyk(82%, 71%, 0%, 59%)
Oklch
oklch(28.4% 0.129 269.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#20144B

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#20144B
RGB
rgb(32, 20, 75)
HSL
hsl(253, 58%, 19%)
HSB
hsb(253, 73%, 29%)
CMYK
cmyk(57%, 73%, 0%, 71%)
Oklch
oklch(24.6% 0.096 287.0)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94F10F
6D0EF1

Analogous

F1DE0E
94F10F
21F10E

Triadic

94F10F
0E92F1
F10E92

Split-Comp.

94F10F
0E21F1
DE0EF1

Tetradic

94F10F
0EF1DE
6D0EF1
F10E21

Contrast Matrix WCAG 2.1 Contrast

94F10F
09AA72
12678D
131E68
20144B
—
2.1
Fail
4.4
AA Large
10.5
AAA
11.8
AAA
2.1
Fail
—
2.1
Fail
5.0
AA
5.5
AA
4.4
AA Large
2.1
Fail
—
2.4
Fail
2.7
Fail
10.5
AAA
5.0
AA
2.4
Fail
—
1.1
Fail
11.8
AAA
5.5
AA
2.7
Fail
1.1
Fail
—
White BG
1.4Fail
3.0Fail
6.3AA
14.9AAA
16.6AAA
Black BG
14.8AAA
7.0AAA
3.4AA Large
1.4Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBD46
4F5080
373884
181856
1B1B3E

Deuteranopia

B7B053
453983
322C82
171652
1C1C3B

Tritanopia

99717A
118A8D
167D7B
144845
1F3331

Achromatopsia

BBBBBB
737373
525252
232323
1E1E1E

Shades & Tints Shades & Tints

#94F10F

Dark
Light

#09AA72

Dark
Light

#12678D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94f10f;
  --color-2: #09aa72;
  --color-3: #12678d;
  --color-4: #131e68;
  --color-5: #20144b;
}

SCSS

$color-1: #94f10f;
$color-2: #09aa72;
$color-3: #12678d;
$color-4: #131e68;
$color-5: #20144b;

TAILWIND

colors: {
  'brand-1': '#94f10f',
  'brand-2': '#09aa72',
  'brand-3': '#12678d',
  'brand-4': '#131e68',
  'brand-5': '#20144b',
}

RGB Array

[148, 241, 15], [9, 170, 114], [18, 103, 141], [19, 30, 104], [32, 20, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94F10F, #09AA72, #12678D, #131E68, #20144B 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: #94f10f; --color-2: #09aa72; --color-3: #12678d; --color-4: #131e68; --color-5: #20144b. 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