← Back to Editor

#C6410C · #AE08C4 · #AC150E · #7D2B6B · #A0282A

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

#C6410C

Tangerine · FireBrick · Amber Brown

HEX
#C6410C
RGB
rgb(198, 65, 12)
HSL
hsl(17, 89%, 41%)
HSB
hsb(17, 94%, 78%)
CMYK
cmyk(0%, 67%, 94%, 22%)
Oklch
oklch(56.0% 0.178 38.0)

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

#AE08C4

Royal Purple · DarkViolet · Eggplant

HEX
#AE08C4
RGB
rgb(174, 8, 196)
HSL
hsl(293, 92%, 40%)
HSB
hsb(293, 96%, 77%)
CMYK
cmyk(11%, 96%, 0%, 23%)
Oklch
oklch(54.3% 0.255 322.0)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#AC150E

Vermilion · FireBrick · Wine Red

HEX
#AC150E
RGB
rgb(172, 21, 14)
HSL
hsl(3, 85%, 36%)
HSB
hsb(3, 92%, 67%)
CMYK
cmyk(0%, 88%, 92%, 33%)
Oklch
oklch(47.6% 0.184 29.2)

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

#7D2B6B

Rose Purple · Purple · Eggplant

HEX
#7D2B6B
RGB
rgb(125, 43, 107)
HSL
hsl(313, 49%, 33%)
HSB
hsb(313, 66%, 49%)
CMYK
cmyk(0%, 66%, 14%, 51%)
Oklch
oklch(43.3% 0.137 337.4)

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

#A0282A

Crimson · Brown · Wine Red

HEX
#A0282A
RGB
rgb(160, 40, 42)
HSL
hsl(359, 60%, 39%)
HSB
hsb(359, 75%, 63%)
CMYK
cmyk(0%, 75%, 74%, 37%)
Oklch
oklch(47.0% 0.156 24.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6410C
0C91C6

Analogous

C60C34
C6410C
C69D0C

Triadic

C6410C
0CC640
400CC6

Split-Comp.

C6410C
0CC69D
0C34C6

Tetradic

C6410C
34C60C
0C91C6
9D0CC6

Contrast Matrix WCAG 2.1 Contrast

C6410C
AE08C4
AC150E
7D2B6B
A0282A
—
1.1
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.3
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.0
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.0
Fail
1.2
Fail
—
White BG
5.0AA
5.8AA
7.3AAA
8.6AAA
7.4AAA
Black BG
4.2AA Large
3.6AA Large
2.9Fail
2.4Fail
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B19
666597
6B6910
59595C
6C6B2A

Deuteranopia

949E1C
707C8C
737F10
5E6458
737C29

Tritanopia

BF2325
A6736B
A41111
794F4D
9A2929

Achromatopsia

636363
4F4F4F
414141
4B4B4B
4C4C4C

Shades & Tints Shades & Tints

#C6410C

Dark
Light

#AE08C4

Dark
Light

#AC150E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6410c;
  --color-2: #ae08c4;
  --color-3: #ac150e;
  --color-4: #7d2b6b;
  --color-5: #a0282a;
}

SCSS

$color-1: #c6410c;
$color-2: #ae08c4;
$color-3: #ac150e;
$color-4: #7d2b6b;
$color-5: #a0282a;

TAILWIND

colors: {
  'brand-1': '#c6410c',
  'brand-2': '#ae08c4',
  'brand-3': '#ac150e',
  'brand-4': '#7d2b6b',
  'brand-5': '#a0282a',
}

RGB Array

[198, 65, 12], [174, 8, 196], [172, 21, 14], [125, 43, 107], [160, 40, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6410C, #AE08C4, #AC150E, #7D2B6B, #A0282A 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: #c6410c; --color-2: #ae08c4; --color-3: #ac150e; --color-4: #7d2b6b; --color-5: #a0282a. 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