← Back to Editor

#7EA814 · #E8FF7B · #B12D5E · #4D0127 · #360C1F

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 AppData Visualization

Color Details Color Details

#7EA814

Grass Green · Olive · Forest Green

HEX
#7EA814
RGB
rgb(126, 168, 20)
HSL
hsl(77, 79%, 37%)
HSB
hsb(77, 88%, 66%)
CMYK
cmyk(25%, 0%, 88%, 34%)
Oklch
oklch(67.6% 0.166 125.8)

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

#E8FF7B

Willow Green · Khaki · Apple Green

HEX
#E8FF7B
RGB
rgb(232, 255, 123)
HSL
hsl(70, 100%, 74%)
HSB
hsb(70, 52%, 100%)
CMYK
cmyk(9%, 0%, 52%, 0%)
Oklch
oklch(95.7% 0.159 117.7)

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

#B12D5E

Dark Violet · MediumVioletRed · Camellia

HEX
#B12D5E
RGB
rgb(177, 45, 94)
HSL
hsl(338, 59%, 44%)
HSB
hsb(338, 75%, 69%)
CMYK
cmyk(0%, 75%, 47%, 31%)
Oklch
oklch(51.6% 0.171 3.1)

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

#4D0127

Dark Violet · Maroon · Raspberry

HEX
#4D0127
RGB
rgb(77, 1, 39)
HSL
hsl(330, 97%, 15%)
HSB
hsb(330, 99%, 30%)
CMYK
cmyk(0%, 99%, 49%, 70%)
Oklch
oklch(27.4% 0.110 358.1)

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

#360C1F

Dark Violet · Black · Raspberry

HEX
#360C1F
RGB
rgb(54, 12, 31)
HSL
hsl(333, 64%, 13%)
HSB
hsb(333, 78%, 21%)
CMYK
cmyk(0%, 78%, 43%, 79%)
Oklch
oklch(23.5% 0.070 356.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7EA814
3E14A9

Analogous

A98914
7EA814
34A914

Triadic

7EA814
147FA9
A9147F

Split-Comp.

7EA814
1434A9
8914A9

Tetradic

7EA814
14A989
3E14A9
A91434

Contrast Matrix WCAG 2.1 Contrast

7EA814
E8FF7B
B12D5E
4D0127
360C1F
—
2.5
Fail
2.2
Fail
5.6
AA
6.1
AA
2.5
Fail
—
5.6
AA
14.1
AAA
15.5
AAA
2.2
Fail
5.6
AA
—
2.5
Fail
2.8
Fail
5.6
AA
14.1
AAA
2.5
Fail
—
1.1
Fail
6.1
AA
15.5
AAA
2.8
Fail
1.1
Fail
—
White BG
2.8Fail
1.1Fail
6.2AA
15.6AAA
17.1AAA
Black BG
7.5AAA
19.0AAA
3.4AA Large
1.3Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

909138
F2F29B
787752
2C2B1E
24231A

Deuteranopia

8E8B40
F1EFA3
80894F
31361C
262919

Tritanopia

80545A
E9B4BA
AA4947
491715
341716

Achromatopsia

8B8B8B
E9E9E9
5A5A5A
1C1C1C
1B1B1B

Shades & Tints Shades & Tints

#7EA814

Dark
Light

#E8FF7B

Dark
Light

#B12D5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ea814;
  --color-2: #e8ff7b;
  --color-3: #b12d5e;
  --color-4: #4d0127;
  --color-5: #360c1f;
}

SCSS

$color-1: #7ea814;
$color-2: #e8ff7b;
$color-3: #b12d5e;
$color-4: #4d0127;
$color-5: #360c1f;

TAILWIND

colors: {
  'brand-1': '#7ea814',
  'brand-2': '#e8ff7b',
  'brand-3': '#b12d5e',
  'brand-4': '#4d0127',
  'brand-5': '#360c1f',
}

RGB Array

[126, 168, 20], [232, 255, 123], [177, 45, 94], [77, 1, 39], [54, 12, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7EA814, #E8FF7B, #B12D5E, #4D0127, #360C1F 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: #7ea814; --color-2: #e8ff7b; --color-3: #b12d5e; --color-4: #4d0127; --color-5: #360c1f. 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