← Back to Editor

#9C024E · #75037C · #066112 · #84F286 · #E10581

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

#9C024E

Dark Violet · Brown · Camellia

HEX
#9C024E
RGB
rgb(156, 2, 78)
HSL
hsl(330, 97%, 31%)
HSB
hsb(330, 99%, 61%)
CMYK
cmyk(0%, 99%, 50%, 39%)
Oklch
oklch(44.8% 0.180 1.5)

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

#75037C

Royal Purple · Purple · Eggplant

HEX
#75037C
RGB
rgb(117, 3, 124)
HSL
hsl(297, 95%, 25%)
HSB
hsb(297, 98%, 49%)
CMYK
cmyk(6%, 98%, 0%, 51%)
Oklch
oklch(40.1% 0.185 325.3)

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

#066112

Pine Green · DarkGreen · Dark Green

HEX
#066112
RGB
rgb(6, 97, 18)
HSL
hsl(128, 88%, 20%)
HSB
hsb(128, 94%, 38%)
CMYK
cmyk(94%, 0%, 81%, 62%)
Oklch
oklch(42.9% 0.136 143.9)

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

#84F286

Emerald · LightGreen · Apple Green

HEX
#84F286
RGB
rgb(132, 242, 134)
HSL
hsl(121, 81%, 73%)
HSB
hsb(121, 45%, 95%)
CMYK
cmyk(45%, 0%, 45%, 5%)
Oklch
oklch(87.0% 0.177 144.2)

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

#E10581

Rose Purple · MediumVioletRed · Camellia

HEX
#E10581
RGB
rgb(225, 5, 129)
HSL
hsl(326, 96%, 45%)
HSB
hsb(326, 98%, 88%)
CMYK
cmyk(0%, 98%, 43%, 12%)
Oklch
oklch(59.3% 0.241 356.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C024E
029C4F

Analogous

9C029C
9C024E
9C0202

Triadic

9C024E
4F9C02
024F9C

Split-Comp.

9C024E
029C02
029C9C

Tetradic

9C024E
9C9C02
029C4F
02029C

Contrast Matrix WCAG 2.1 Contrast

9C024E
75037C
066112
84F286
E10581
—
1.2
Fail
1.1
Fail
5.9
AA
1.8
Fail
1.2
Fail
—
1.3
Fail
7.3
AAA
2.2
Fail
1.1
Fail
1.3
Fail
—
5.5
AA
1.7
Fail
5.9
AA
7.3
AAA
5.5
AA
—
3.3
AA Large
1.8
Fail
2.2
Fail
1.7
Fail
3.3
AA Large
—
White BG
8.3AAA
10.2AAA
7.7AAA
1.4Fail
4.6AA
Black BG
2.5Fail
2.1Fail
2.7Fail
15.0AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

59583C
44435F
2D2E25
B4B5A0
828063

Deuteranopia

626E37
4A5358
28212A
ADA5A6
8F9F5C

Tritanopia

942D2A
6F4843
0B3438
8AB5B9
D64B46

Achromatopsia

393939
333333
3D3D3D
C5C5C5
555555

Shades & Tints Shades & Tints

#9C024E

Dark
Light

#75037C

Dark
Light

#066112

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c024e;
  --color-2: #75037c;
  --color-3: #066112;
  --color-4: #84f286;
  --color-5: #e10581;
}

SCSS

$color-1: #9c024e;
$color-2: #75037c;
$color-3: #066112;
$color-4: #84f286;
$color-5: #e10581;

TAILWIND

colors: {
  'brand-1': '#9c024e',
  'brand-2': '#75037c',
  'brand-3': '#066112',
  'brand-4': '#84f286',
  'brand-5': '#e10581',
}

RGB Array

[156, 2, 78], [117, 3, 124], [6, 97, 18], [132, 242, 134], [225, 5, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9C024E, #75037C, #066112, #84F286, #E10581 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: #9c024e; --color-2: #75037c; --color-3: #066112; --color-4: #84f286; --color-5: #e10581. 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