← Back to Editor

#312205 · #5D4360 · #E6E896 · #E13B5E · #780013

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

#312205

Ochre · Black · Amber Gold

HEX
#312205
RGB
rgb(49, 34, 5)
HSL
hsl(40, 81%, 11%)
HSB
hsb(40, 90%, 19%)
CMYK
cmyk(0%, 31%, 90%, 81%)
Oklch
oklch(26.4% 0.048 80.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#5D4360

Dark Plum · DimGray · Eggplant

HEX
#5D4360
RGB
rgb(93, 67, 96)
HSL
hsl(294, 18%, 32%)
HSB
hsb(294, 30%, 38%)
CMYK
cmyk(3%, 30%, 0%, 62%)
Oklch
oklch(42.2% 0.057 323.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#E6E896

Fresh Green · Khaki · Sunflower

HEX
#E6E896
RGB
rgb(230, 232, 150)
HSL
hsl(61, 64%, 75%)
HSB
hsb(61, 35%, 91%)
CMYK
cmyk(1%, 0%, 35%, 9%)
Oklch
oklch(91.1% 0.104 109.5)

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

#E13B5E

Vermilion · Crimson · Passion Red

HEX
#E13B5E
RGB
rgb(225, 59, 94)
HSL
hsl(347, 73%, 56%)
HSB
hsb(347, 74%, 88%)
CMYK
cmyk(0%, 74%, 58%, 12%)
Oklch
oklch(61.0% 0.201 13.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#780013

Vermilion · Maroon · Wine Red

HEX
#780013
RGB
rgb(120, 0, 19)
HSL
hsl(351, 100%, 24%)
HSB
hsb(351, 100%, 47%)
CMYK
cmyk(0%, 100%, 84%, 53%)
Oklch
oklch(36.1% 0.146 23.4)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

312205
051433

Analogous

330D05
312205
2B3305

Triadic

312205
053324
240533

Split-Comp.

312205
052B33
0D0533

Tetradic

312205
05330D
051433
33052B

Contrast Matrix WCAG 2.1 Contrast

312205
5D4360
E6E896
E13B5E
780013
—
1.8
Fail
12.0
AAA
3.7
AA Large
1.3
Fail
1.8
Fail
—
6.7
AA
2.0
Fail
1.3
Fail
12.0
AAA
6.7
AA
—
3.3
AA Large
9.0
AAA
3.7
AA Large
2.0
Fail
3.3
AA Large
—
2.8
Fail
1.3
Fail
1.3
Fail
9.0
AAA
2.8
Fail
—
White BG
15.4AAA
8.6AAA
1.3Fail
4.2AA Large
11.6AAA
Black BG
1.4Fail
2.4Fail
16.3AAA
5.0AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2A0C
525259
E7E7AA
999856
44430E

Deuteranopia

2B2D0E
535557
E7E7AF
A3AF54
4B540D

Tritanopia

301213
5C5352
E6BABD
D94F4D
720B0A

Achromatopsia

232323
4E4E4E
DEDEDE
717171
262626

Shades & Tints Shades & Tints

#312205

Dark
Light

#5D4360

Dark
Light

#E6E896

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #312205;
  --color-2: #5d4360;
  --color-3: #e6e896;
  --color-4: #e13b5e;
  --color-5: #780013;
}

SCSS

$color-1: #312205;
$color-2: #5d4360;
$color-3: #e6e896;
$color-4: #e13b5e;
$color-5: #780013;

TAILWIND

colors: {
  'brand-1': '#312205',
  'brand-2': '#5d4360',
  'brand-3': '#e6e896',
  'brand-4': '#e13b5e',
  'brand-5': '#780013',
}

RGB Array

[49, 34, 5], [93, 67, 96], [230, 232, 150], [225, 59, 94], [120, 0, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #312205, #5D4360, #E6E896, #E13B5E, #780013 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: #312205; --color-2: #5d4360; --color-3: #e6e896; --color-4: #e13b5e; --color-5: #780013. 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