← Back to Editor

#780E30 · #DD0332 · #F44A01 · #B34515 · #4F2C1C

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 App

Color Details Color Details

#780E30

Dark Violet · Maroon · Camellia

HEX
#780E30
RGB
rgb(120, 14, 48)
HSL
hsl(341, 79%, 26%)
HSB
hsb(341, 88%, 47%)
CMYK
cmyk(0%, 88%, 60%, 53%)
Oklch
oklch(37.4% 0.138 9.8)

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

#DD0332

Vermilion · Crimson · Passion Red

HEX
#DD0332
RGB
rgb(221, 3, 50)
HSL
hsl(347, 97%, 44%)
HSB
hsb(347, 99%, 87%)
CMYK
cmyk(0%, 99%, 77%, 13%)
Oklch
oklch(56.8% 0.228 22.0)

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

#F44A01

Tangerine · OrangeRed · Amber Brown

HEX
#F44A01
RGB
rgb(244, 74, 1)
HSL
hsl(18, 99%, 48%)
HSB
hsb(18, 100%, 96%)
CMYK
cmyk(0%, 70%, 100%, 4%)
Oklch
oklch(64.6% 0.216 37.1)

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

#B34515

Tangerine · Sienna · Amber Brown

HEX
#B34515
RGB
rgb(179, 69, 21)
HSL
hsl(18, 79%, 39%)
HSB
hsb(18, 88%, 70%)
CMYK
cmyk(0%, 61%, 88%, 30%)
Oklch
oklch(53.4% 0.154 40.6)

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

#4F2C1C

Tangerine · DarkOliveGreen · Cinnamon

HEX
#4F2C1C
RGB
rgb(79, 44, 28)
HSL
hsl(19, 48%, 21%)
HSB
hsb(19, 65%, 31%)
CMYK
cmyk(0%, 44%, 65%, 69%)
Oklch
oklch(33.4% 0.058 44.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

780E30
0E7756

Analogous

770E63
780E30
77210E

Triadic

780E30
2F770E
0E2F77

Split-Comp.

780E30
0E7721
0E6377

Tetradic

780E30
63770E
0E7756
210E77

Contrast Matrix WCAG 2.1 Contrast

780E30
DD0332
F44A01
B34515
4F2C1C
—
2.2
Fail
3.1
AA Large
2.0
Fail
1.1
Fail
2.2
Fail
—
1.4
Fail
1.1
Fail
2.4
Fail
3.1
AA Large
1.4
Fail
—
1.5
Fail
3.4
AA Large
2.0
Fail
1.1
Fail
1.5
Fail
—
2.2
Fail
1.1
Fail
2.4
Fail
3.4
AA Large
2.2
Fail
—
White BG
11.0AAA
5.1AA
3.6AA Large
5.6AA
12.3AAA
Black BG
1.9Fail
4.1AA Large
5.8AA
3.8AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4928
7F7D27
AAA913
838221
404020

Deuteranopia

505826
8B9C24
B4C117
8A9223
424521

Tritanopia

732120
D21E1C
EB2124
AD2A2C
4D2324

Achromatopsia

323232
4A4A4A
757575
606060
353535

Shades & Tints Shades & Tints

#780E30

Dark
Light

#DD0332

Dark
Light

#F44A01

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #780e30;
  --color-2: #dd0332;
  --color-3: #f44a01;
  --color-4: #b34515;
  --color-5: #4f2c1c;
}

SCSS

$color-1: #780e30;
$color-2: #dd0332;
$color-3: #f44a01;
$color-4: #b34515;
$color-5: #4f2c1c;

TAILWIND

colors: {
  'brand-1': '#780e30',
  'brand-2': '#dd0332',
  'brand-3': '#f44a01',
  'brand-4': '#b34515',
  'brand-5': '#4f2c1c',
}

RGB Array

[120, 14, 48], [221, 3, 50], [244, 74, 1], [179, 69, 21], [79, 44, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #780E30, #DD0332, #F44A01, #B34515, #4F2C1C 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: #780e30; --color-2: #dd0332; --color-3: #f44a01; --color-4: #b34515; --color-5: #4f2c1c. 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