← Back to Editor

#D64003 · #390D1C · #741C1A · #281626 · #A6320B

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

#D64003

Tangerine · OrangeRed · Amber Brown

HEX
#D64003
RGB
rgb(214, 64, 3)
HSL
hsl(17, 97%, 43%)
HSB
hsb(17, 99%, 84%)
CMYK
cmyk(0%, 70%, 99%, 16%)
Oklch
oklch(58.6% 0.195 37.0)

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

#390D1C

Dark Violet · Black · Raspberry

HEX
#390D1C
RGB
rgb(57, 13, 28)
HSL
hsl(340, 63%, 14%)
HSB
hsb(340, 77%, 22%)
CMYK
cmyk(0%, 77%, 51%, 78%)
Oklch
oklch(24.1% 0.071 3.2)

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

#741C1A

Vermilion · Maroon · Wine Red

HEX
#741C1A
RGB
rgb(116, 28, 26)
HSL
hsl(1, 63%, 28%)
HSB
hsb(1, 78%, 45%)
CMYK
cmyk(0%, 76%, 78%, 55%)
Oklch
oklch(37.3% 0.122 26.4)

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

#281626

Rose Purple · Black · Dark Purple

HEX
#281626
RGB
rgb(40, 22, 38)
HSL
hsl(307, 29%, 12%)
HSB
hsb(307, 45%, 16%)
CMYK
cmyk(0%, 45%, 5%, 84%)
Oklch
oklch(23.2% 0.040 330.8)

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

#A6320B

Tangerine · FireBrick · Amber Brown

HEX
#A6320B
RGB
rgb(166, 50, 11)
HSL
hsl(15, 88%, 35%)
HSB
hsb(15, 93%, 65%)
CMYK
cmyk(0%, 70%, 93%, 35%)
Oklch
oklch(48.8% 0.158 36.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D64003
039CD8

Analogous

D80331
D64003
D8AA03

Triadic

D64003
03D840
4003D8

Split-Comp.

D64003
03D8AA
0331D8

Tetradic

D64003
31D803
039CD8
AA03D8

Contrast Matrix WCAG 2.1 Contrast

D64003
390D1C
741C1A
281626
A6320B
—
3.7
AA Large
2.4
Fail
3.7
AA Large
1.5
Fail
3.7
AA Large
—
1.5
Fail
1.0
Fail
2.5
Fail
2.4
Fail
1.5
Fail
—
1.6
Fail
1.6
Fail
3.7
AA Large
1.0
Fail
1.6
Fail
—
2.5
Fail
1.5
Fail
2.5
Fail
1.6
Fail
2.5
Fail
—
White BG
4.6AA
16.8AAA
10.9AAA
17.0AAA
6.8AA
Black BG
4.6AA
1.2Fail
1.9Fail
1.2Fail
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

959412
262618
4E4D1A
202022
747314

Deuteranopia

9EA915
292C17
535A1B
212321
7B8317

Tritanopia

CE1D20
371615
701B1B
271F1E
A01C1E

Achromatopsia

666666
1C1C1C
363636
1D1D1D
505050

Shades & Tints Shades & Tints

#D64003

Dark
Light

#390D1C

Dark
Light

#741C1A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d64003;
  --color-2: #390d1c;
  --color-3: #741c1a;
  --color-4: #281626;
  --color-5: #a6320b;
}

SCSS

$color-1: #d64003;
$color-2: #390d1c;
$color-3: #741c1a;
$color-4: #281626;
$color-5: #a6320b;

TAILWIND

colors: {
  'brand-1': '#d64003',
  'brand-2': '#390d1c',
  'brand-3': '#741c1a',
  'brand-4': '#281626',
  'brand-5': '#a6320b',
}

RGB Array

[214, 64, 3], [57, 13, 28], [116, 28, 26], [40, 22, 38], [166, 50, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D64003, #390D1C, #741C1A, #281626, #A6320B 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: #d64003; --color-2: #390d1c; --color-3: #741c1a; --color-4: #281626; --color-5: #a6320b. 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