← Back to Editor

#5CC52B · #008044 · #120C1E · #5D0057 · #D60A6C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#5CC52B

Pine Green · LimeGreen · Olive Green

HEX
#5CC52B
RGB
rgb(92, 197, 43)
HSL
hsl(101, 64%, 47%)
HSB
hsb(101, 78%, 77%)
CMYK
cmyk(53%, 0%, 78%, 23%)
Oklch
oklch(73.3% 0.208 138.1)

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

#008044

Mineral Blue · ForestGreen · Forest Green

HEX
#008044
RGB
rgb(0, 128, 68)
HSL
hsl(152, 100%, 25%)
HSB
hsb(152, 100%, 50%)
CMYK
cmyk(100%, 0%, 47%, 50%)
Oklch
oklch(52.6% 0.134 153.5)

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

#120C1E

Deep Indigo · Black · Dark Purple

HEX
#120C1E
RGB
rgb(18, 12, 30)
HSL
hsl(260, 43%, 8%)
HSB
hsb(260, 60%, 12%)
CMYK
cmyk(40%, 60%, 0%, 88%)
Oklch
oklch(17.3% 0.037 297.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#5D0057

Rose Purple · Purple · Dark Purple

HEX
#5D0057
RGB
rgb(93, 0, 87)
HSL
hsl(304, 100%, 18%)
HSB
hsb(304, 100%, 36%)
CMYK
cmyk(0%, 100%, 6%, 64%)
Oklch
oklch(33.2% 0.150 331.7)

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

#D60A6C

Dark Violet · MediumVioletRed · Camellia

HEX
#D60A6C
RGB
rgb(214, 10, 108)
HSL
hsl(331, 91%, 44%)
HSB
hsb(331, 95%, 84%)
CMYK
cmyk(0%, 95%, 50%, 16%)
Oklch
oklch(56.8% 0.226 2.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5CC52B
942BC5

Analogous

A8C52B
5CC52B
2BC547

Triadic

5CC52B
2B5CC5
C52B5C

Split-Comp.

5CC52B
472BC5
C52BA8

Tetradic

5CC52B
2BA8C5
942BC5
C5472B

Contrast Matrix WCAG 2.1 Contrast

5CC52B
008044
120C1E
5D0057
D60A6C
—
2.3
Fail
8.6
AAA
5.9
AA
2.3
Fail
2.3
Fail
—
3.8
AA Large
2.6
Fail
1.0
Fail
8.6
AAA
3.8
AA Large
—
1.5
Fail
3.8
AA Large
5.9
AA
2.6
Fail
1.5
Fail
—
2.6
Fail
2.3
Fail
1.0
Fail
3.8
AA Large
2.6
Fail
—
White BG
2.2Fail
5.0AA
19.1AAA
13.1AAA
5.1AA
Black BG
9.5AAA
4.2AA Large
1.1Fail
1.6Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

898A50
373953
0F0F1A
353442
7E7C54

Deuteranopia

837B59
302656
101019
3A413D
8A994F

Tritanopia

616E74
065E61
121615
58312E
CC423D

Achromatopsia

949494
535353
101010
262626
525252

Shades & Tints Shades & Tints

#5CC52B

Dark
Light

#008044

Dark
Light

#120C1E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5cc52b;
  --color-2: #008044;
  --color-3: #120c1e;
  --color-4: #5d0057;
  --color-5: #d60a6c;
}

SCSS

$color-1: #5cc52b;
$color-2: #008044;
$color-3: #120c1e;
$color-4: #5d0057;
$color-5: #d60a6c;

TAILWIND

colors: {
  'brand-1': '#5cc52b',
  'brand-2': '#008044',
  'brand-3': '#120c1e',
  'brand-4': '#5d0057',
  'brand-5': '#d60a6c',
}

RGB Array

[92, 197, 43], [0, 128, 68], [18, 12, 30], [93, 0, 87], [214, 10, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5CC52B, #008044, #120C1E, #5D0057, #D60A6C 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: #5cc52b; --color-2: #008044; --color-3: #120c1e; --color-4: #5d0057; --color-5: #d60a6c. 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