← Back to Editor

#61207D · #911D63 · #A6111D · #C43E12 · #D9891A

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

#61207D

Royal Purple · DarkSlateBlue · Eggplant

HEX
#61207D
RGB
rgb(97, 32, 125)
HSL
hsl(282, 59%, 31%)
HSB
hsb(282, 74%, 49%)
CMYK
cmyk(22%, 74%, 0%, 51%)
Oklch
oklch(38.9% 0.154 313.6)

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

#911D63

Rose Purple · Purple · Camellia

HEX
#911D63
RGB
rgb(145, 29, 99)
HSL
hsl(324, 67%, 34%)
HSB
hsb(324, 80%, 57%)
CMYK
cmyk(0%, 80%, 32%, 43%)
Oklch
oklch(44.9% 0.164 349.1)

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

#A6111D

Vermilion · FireBrick · Wine Red

HEX
#A6111D
RGB
rgb(166, 17, 29)
HSL
hsl(355, 81%, 36%)
HSB
hsb(355, 90%, 65%)
CMYK
cmyk(0%, 90%, 83%, 35%)
Oklch
oklch(46.3% 0.179 25.2)

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

#C43E12

Tangerine · FireBrick · Amber Brown

HEX
#C43E12
RGB
rgb(196, 62, 18)
HSL
hsl(15, 83%, 42%)
HSB
hsb(15, 91%, 77%)
CMYK
cmyk(0%, 68%, 91%, 23%)
Oklch
oklch(55.4% 0.178 36.5)

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

#D9891A

Ochre · GoldenRod · Amber Brown

HEX
#D9891A
RGB
rgb(217, 137, 26)
HSL
hsl(35, 79%, 48%)
HSB
hsb(35, 88%, 85%)
CMYK
cmyk(0%, 37%, 88%, 15%)
Oklch
oklch(69.8% 0.147 67.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61207D
3C7E20

Analogous

33207E
61207D
7E206B

Triadic

61207D
7E6220
207E62

Split-Comp.

61207D
6B7E20
207E33

Tetradic

61207D
7E3320
3C7E20
206B7E

Contrast Matrix WCAG 2.1 Contrast

61207D
911D63
A6111D
C43E12
D9891A
—
1.3
Fail
1.4
Fail
2.0
Fail
3.8
AA Large
1.3
Fail
—
1.1
Fail
1.6
Fail
2.9
Fail
1.4
Fail
1.1
Fail
—
1.5
Fail
2.8
Fail
2.0
Fail
1.6
Fail
1.5
Fail
—
1.9
Fail
3.8
AA Large
2.9
Fail
2.8
Fail
1.9
Fail
—
White BG
10.4AAA
8.2AAA
7.7AAA
5.2AA
2.8Fail
Black BG
2.0Fail
2.6Fail
2.7Fail
4.0AA Large
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454466
5F5E52
65641A
8A891D
B6B635

Deuteranopia

494D61
666E4E
6E7919
929C1F
BBC13B

Tritanopia

5E5551
8B4542
9F1817
BD2527
D54A4F

Achromatopsia

3E3E3E
484848
3F3F3F
616161
949494

Shades & Tints Shades & Tints

#61207D

Dark
Light

#911D63

Dark
Light

#A6111D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61207d;
  --color-2: #911d63;
  --color-3: #a6111d;
  --color-4: #c43e12;
  --color-5: #d9891a;
}

SCSS

$color-1: #61207d;
$color-2: #911d63;
$color-3: #a6111d;
$color-4: #c43e12;
$color-5: #d9891a;

TAILWIND

colors: {
  'brand-1': '#61207d',
  'brand-2': '#911d63',
  'brand-3': '#a6111d',
  'brand-4': '#c43e12',
  'brand-5': '#d9891a',
}

RGB Array

[97, 32, 125], [145, 29, 99], [166, 17, 29], [196, 62, 18], [217, 137, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61207D, #911D63, #A6111D, #C43E12, #D9891A 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: #61207d; --color-2: #911d63; --color-3: #a6111d; --color-4: #c43e12; --color-5: #d9891a. 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