← Back to Editor

#8FC519 · #020002 · #4D0A4F · #7F026B · #BA0188

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

#8FC519

Grass Green · Chartreuse · Olive Green

HEX
#8FC519
RGB
rgb(143, 197, 25)
HSL
hsl(79, 77%, 44%)
HSB
hsb(79, 87%, 77%)
CMYK
cmyk(27%, 0%, 87%, 23%)
Oklch
oklch(75.8% 0.190 127.2)

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

#020002

Rose Purple · Black · Dark Purple

HEX
#020002
RGB
rgb(2, 0, 2)
HSL
hsl(300, 100%, 0%)
HSB
hsb(300, 100%, 1%)
CMYK
cmyk(0%, 100%, 0%, 99%)
Oklch
oklch(5.9% 0.027 328.4)

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

#4D0A4F

Royal Purple · MidnightBlue · Dark Purple

HEX
#4D0A4F
RGB
rgb(77, 10, 79)
HSL
hsl(298, 78%, 17%)
HSB
hsb(298, 87%, 31%)
CMYK
cmyk(3%, 87%, 0%, 69%)
Oklch
oklch(30.4% 0.127 326.8)

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

#7F026B

Rose Purple · Purple · Eggplant

HEX
#7F026B
RGB
rgb(127, 2, 107)
HSL
hsl(310, 97%, 25%)
HSB
hsb(310, 98%, 50%)
CMYK
cmyk(0%, 98%, 16%, 50%)
Oklch
oklch(40.7% 0.178 337.1)

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

#BA0188

Rose Purple · MediumVioletRed · Eggplant

HEX
#BA0188
RGB
rgb(186, 1, 136)
HSL
hsl(316, 99%, 37%)
HSB
hsb(316, 99%, 73%)
CMYK
cmyk(0%, 99%, 27%, 27%)
Oklch
oklch(52.6% 0.224 344.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8FC519
511AC7

Analogous

C7A71A
8FC519
39C71A

Triadic

8FC519
1A90C7
C71A90

Split-Comp.

8FC519
1A39C7
A71AC7

Tetradic

8FC519
1AC7A7
511AC7
C71A39

Contrast Matrix WCAG 2.1 Contrast

8FC519
020002
4D0A4F
7F026B
BA0188
—
10.1
AAA
6.9
AA
4.8
AA
2.9
Fail
10.1
AAA
—
1.5
Fail
2.1
Fail
3.4
AA Large
6.9
AA
1.5
Fail
—
1.4
Fail
2.3
Fail
4.8
AA
2.1
Fail
1.4
Fail
—
1.6
Fail
2.9
Fail
3.4
AA Large
2.3
Fail
1.6
Fail
—
White BG
2.1Fail
20.9AAA
14.3AAA
9.9AAA
6.1AA
Black BG
10.2AAA
1.0Fail
1.5Fail
2.1Fail
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A743
010102
302F3E
494852
6A6867

Deuteranopia

A39F4D
010101
34393A
50594B
75835F

Tritanopia

92636B
020101
4A312E
793E39
B14E48

Achromatopsia

A1A1A1
010101
262626
333333
484848

Shades & Tints Shades & Tints

#8FC519

Dark
Light

#020002

Dark
Light

#4D0A4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8fc519;
  --color-2: #020002;
  --color-3: #4d0a4f;
  --color-4: #7f026b;
  --color-5: #ba0188;
}

SCSS

$color-1: #8fc519;
$color-2: #020002;
$color-3: #4d0a4f;
$color-4: #7f026b;
$color-5: #ba0188;

TAILWIND

colors: {
  'brand-1': '#8fc519',
  'brand-2': '#020002',
  'brand-3': '#4d0a4f',
  'brand-4': '#7f026b',
  'brand-5': '#ba0188',
}

RGB Array

[143, 197, 25], [2, 0, 2], [77, 10, 79], [127, 2, 107], [186, 1, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8FC519, #020002, #4D0A4F, #7F026B, #BA0188 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: #8fc519; --color-2: #020002; --color-3: #4d0a4f; --color-4: #7f026b; --color-5: #ba0188. 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