← Back to Editor

#E6247A · #6A1326 · #271B1D · #F90D11 · #DA4407

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

#E6247A

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E6247A
RGB
rgb(230, 36, 122)
HSL
hsl(333, 80%, 52%)
HSB
hsb(333, 84%, 90%)
CMYK
cmyk(0%, 84%, 47%, 10%)
Oklch
oklch(61.0% 0.229 1.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#6A1326

Vermilion · Maroon · Wine Red

HEX
#6A1326
RGB
rgb(106, 19, 38)
HSL
hsl(347, 70%, 25%)
HSB
hsb(347, 82%, 42%)
CMYK
cmyk(0%, 82%, 64%, 58%)
Oklch
oklch(34.8% 0.120 14.2)

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

#271B1D

Crimson · Black · Deep Berry

HEX
#271B1D
RGB
rgb(39, 27, 29)
HSL
hsl(350, 18%, 13%)
HSB
hsb(350, 31%, 15%)
CMYK
cmyk(0%, 31%, 26%, 85%)
Oklch
oklch(23.8% 0.019 7.5)

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

#F90D11

Vermilion · Red · Passion Red

HEX
#F90D11
RGB
rgb(249, 13, 17)
HSL
hsl(359, 95%, 51%)
HSB
hsb(359, 95%, 98%)
CMYK
cmyk(0%, 95%, 93%, 2%)
Oklch
oklch(62.0% 0.250 28.6)

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

#DA4407

Tangerine · OrangeRed · Amber Brown

HEX
#DA4407
RGB
rgb(218, 68, 7)
HSL
hsl(17, 94%, 44%)
HSB
hsb(17, 97%, 85%)
CMYK
cmyk(0%, 69%, 97%, 15%)
Oklch
oklch(59.7% 0.195 37.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6247A
23E78E

Analogous

E723DD
E6247A
E72C23

Triadic

E6247A
7BE723
237BE7

Split-Comp.

E6247A
23E72C
23DDE7

Tetradic

E6247A
DDE723
23E78E
2C23E7

Contrast Matrix WCAG 2.1 Contrast

E6247A
6A1326
271B1D
F90D11
DA4407
—
2.8
Fail
3.9
AA Large
1.0
Fail
1.0
Fail
2.8
Fail
—
1.4
Fail
2.9
Fail
2.8
Fail
3.9
AA Large
1.4
Fail
—
4.0
AA Large
3.8
AA Large
1.0
Fail
2.9
Fail
4.0
AA Large
—
1.1
Fail
1.0
Fail
2.8
Fail
3.8
AA Large
1.1
Fail
—
White BG
4.3AA Large
12.1AAA
16.7AAA
4.1AA Large
4.4AA Large
Black BG
4.9AA
1.7Fail
1.3Fail
5.1AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929065
444421
22221D
939110
999816

Deuteranopia

9DAC60
495020
23231C
A1B210
A2AD19

Tritanopia

DC5551
661E1D
261C1C
ED0F0F
D32124

Achromatopsia

686868
2F2F2F
1F1F1F
545454
6A6A6A

Shades & Tints Shades & Tints

#E6247A

Dark
Light

#6A1326

Dark
Light

#271B1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6247a;
  --color-2: #6a1326;
  --color-3: #271b1d;
  --color-4: #f90d11;
  --color-5: #da4407;
}

SCSS

$color-1: #e6247a;
$color-2: #6a1326;
$color-3: #271b1d;
$color-4: #f90d11;
$color-5: #da4407;

TAILWIND

colors: {
  'brand-1': '#e6247a',
  'brand-2': '#6a1326',
  'brand-3': '#271b1d',
  'brand-4': '#f90d11',
  'brand-5': '#da4407',
}

RGB Array

[230, 36, 122], [106, 19, 38], [39, 27, 29], [249, 13, 17], [218, 68, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6247A, #6A1326, #271B1D, #F90D11, #DA4407 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: #e6247a; --color-2: #6a1326; --color-3: #271b1d; --color-4: #f90d11; --color-5: #da4407. 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