← Back to Editor

#8C4561 · #11091E · #CC9366 · #FFD960 · #EFFF5A

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

Color Details Color Details

#8C4561

Dark Violet · DimGray · Camellia

HEX
#8C4561
RGB
rgb(140, 69, 97)
HSL
hsl(336, 34%, 41%)
HSB
hsb(336, 51%, 55%)
CMYK
cmyk(0%, 51%, 31%, 45%)
Oklch
oklch(48.8% 0.102 356.6)

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

#11091E

Deep Indigo · Black · Dark Purple

HEX
#11091E
RGB
rgb(17, 9, 30)
HSL
hsl(263, 54%, 8%)
HSB
hsb(263, 70%, 12%)
CMYK
cmyk(43%, 70%, 0%, 88%)
Oklch
oklch(16.4% 0.044 299.2)

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

#CC9366

Tangerine · DarkSalmon · Warm Sun

HEX
#CC9366
RGB
rgb(204, 147, 102)
HSL
hsl(26, 50%, 60%)
HSB
hsb(26, 50%, 80%)
CMYK
cmyk(0%, 28%, 50%, 20%)
Oklch
oklch(70.9% 0.092 58.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FFD960

Ginger · Khaki · Sunflower

HEX
#FFD960
RGB
rgb(255, 217, 96)
HSL
hsl(46, 100%, 69%)
HSB
hsb(46, 62%, 100%)
CMYK
cmyk(0%, 15%, 62%, 0%)
Oklch
oklch(89.5% 0.144 91.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EFFF5A

Fresh Green · Khaki · Sunflower

HEX
#EFFF5A
RGB
rgb(239, 255, 90)
HSL
hsl(66, 100%, 68%)
HSB
hsb(66, 65%, 100%)
CMYK
cmyk(6%, 0%, 65%, 0%)
Oklch
oklch(95.9% 0.184 114.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C4561
458C70

Analogous

8C4585
8C4561
8C4C45

Triadic

8C4561
618C45
45618C

Split-Comp.

8C4561
458C4C
45858C

Tetradic

8C4561
858C45
458C70
4C458C

Contrast Matrix WCAG 2.1 Contrast

8C4561
11091E
CC9366
FFD960
EFFF5A
—
2.9
Fail
2.5
Fail
4.9
AA
6.1
AA
2.9
Fail
—
7.3
AAA
14.2
AAA
17.7
AAA
2.5
Fail
7.3
AAA
—
1.9
Fail
2.4
Fail
4.9
AA
14.2
AAA
1.9
Fail
—
1.2
Fail
6.1
AA
17.7
AAA
2.4
Fail
1.2
Fail
—
White BG
6.7AA
19.4AAA
2.6Fail
1.4Fail
1.1Fail
Black BG
3.1AA Large
1.1Fail
7.9AAA
15.3AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D5A
0E0D19
B3B371
EFEE7D
F6F682

Deuteranopia

717759
0E0F18
B7BB74
F1F484
F5F48C

Tritanopia

885554
111514
C9797B
FD9499
F0A1A8

Achromatopsia

5D5D5D
0E0E0E
9F9F9F
D7D7D7
E7E7E7

Shades & Tints Shades & Tints

#8C4561

Dark
Light

#11091E

Dark
Light

#CC9366

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c4561;
  --color-2: #11091e;
  --color-3: #cc9366;
  --color-4: #ffd960;
  --color-5: #efff5a;
}

SCSS

$color-1: #8c4561;
$color-2: #11091e;
$color-3: #cc9366;
$color-4: #ffd960;
$color-5: #efff5a;

TAILWIND

colors: {
  'brand-1': '#8c4561',
  'brand-2': '#11091e',
  'brand-3': '#cc9366',
  'brand-4': '#ffd960',
  'brand-5': '#efff5a',
}

RGB Array

[140, 69, 97], [17, 9, 30], [204, 147, 102], [255, 217, 96], [239, 255, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8C4561, #11091E, #CC9366, #FFD960, #EFFF5A is ideal for: social media posters, mobile apps, e-commerce promos, 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: #8c4561; --color-2: #11091e; --color-3: #cc9366; --color-4: #ffd960; --color-5: #efff5a. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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