← Back to Editor

#391E18 · #DA8312 · #E13D18 · #A9173C · #2A766A

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

#391E18

Crimson · Black · Deep Berry

HEX
#391E18
RGB
rgb(57, 30, 24)
HSL
hsl(11, 41%, 16%)
HSB
hsb(11, 58%, 22%)
CMYK
cmyk(0%, 47%, 58%, 78%)
Oklch
oklch(27.0% 0.044 33.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DA8312

Ochre · Chocolate · Amber Brown

HEX
#DA8312
RGB
rgb(218, 131, 18)
HSL
hsl(34, 85%, 46%)
HSB
hsb(34, 92%, 85%)
CMYK
cmyk(0%, 40%, 92%, 15%)
Oklch
oklch(68.8% 0.151 64.0)

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

#E13D18

Vermilion · OrangeRed · Passion Red

HEX
#E13D18
RGB
rgb(225, 61, 24)
HSL
hsl(11, 81%, 49%)
HSB
hsb(11, 89%, 88%)
CMYK
cmyk(0%, 73%, 89%, 12%)
Oklch
oklch(60.3% 0.206 33.5)

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

#A9173C

Vermilion · Brown · Wine Red

HEX
#A9173C
RGB
rgb(169, 23, 60)
HSL
hsl(345, 76%, 38%)
HSB
hsb(345, 86%, 66%)
CMYK
cmyk(0%, 86%, 64%, 34%)
Oklch
oklch(47.7% 0.177 14.6)

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

#2A766A

Mineral Blue · SeaGreen · Mint Ice

HEX
#2A766A
RGB
rgb(42, 118, 106)
HSL
hsl(171, 48%, 31%)
HSB
hsb(171, 64%, 46%)
CMYK
cmyk(64%, 0%, 10%, 54%)
Oklch
oklch(51.6% 0.077 180.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

391E18
18333A

Analogous

3A1823
391E18
3A2F18

Triadic

391E18
183A1E
1E183A

Split-Comp.

391E18
183A2F
18233A

Tetradic

391E18
233A18
18333A
2F183A

Contrast Matrix WCAG 2.1 Contrast

391E18
DA8312
E13D18
A9173C
2A766A
—
5.3
AA
3.6
AA Large
2.1
Fail
2.8
Fail
5.3
AA
—
1.5
Fail
2.5
Fail
1.9
Fail
3.6
AA Large
1.5
Fail
—
1.7
Fail
1.3
Fail
2.1
Fail
2.5
Fail
1.7
Fail
—
1.4
Fail
2.8
Fail
1.9
Fail
1.3
Fail
1.4
Fail
—
White BG
15.3AAA
2.9Fail
4.3AA Large
7.3AAA
5.4AA
Black BG
1.4Fail
7.2AAA
4.9AA
2.9Fail
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D19
B4B42D
9A9921
6A6833
4B4C6D

Deuteranopia

2F311A
B9C034
A4B023
727D31
47416E

Tritanopia

381B1B
D64348
D9282A
A22C2A
2E6F70

Achromatopsia

252525
909090
6A6A6A
474747
5E5E5E

Shades & Tints Shades & Tints

#391E18

Dark
Light

#DA8312

Dark
Light

#E13D18

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #391e18;
  --color-2: #da8312;
  --color-3: #e13d18;
  --color-4: #a9173c;
  --color-5: #2a766a;
}

SCSS

$color-1: #391e18;
$color-2: #da8312;
$color-3: #e13d18;
$color-4: #a9173c;
$color-5: #2a766a;

TAILWIND

colors: {
  'brand-1': '#391e18',
  'brand-2': '#da8312',
  'brand-3': '#e13d18',
  'brand-4': '#a9173c',
  'brand-5': '#2a766a',
}

RGB Array

[57, 30, 24], [218, 131, 18], [225, 61, 24], [169, 23, 60], [42, 118, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #391E18, #DA8312, #E13D18, #A9173C, #2A766A 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: #391e18; --color-2: #da8312; --color-3: #e13d18; --color-4: #a9173c; --color-5: #2a766a. 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