← Back to Editor

#100061 · #75003C · #F79C1B · #C43911 · #4A1461

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#100061

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#100061
RGB
rgb(16, 0, 97)
HSL
hsl(250, 100%, 19%)
HSB
hsb(250, 100%, 38%)
CMYK
cmyk(84%, 100%, 0%, 62%)
Oklch
oklch(23.2% 0.149 272.5)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#75003C

Rose Purple · Maroon · Raspberry

HEX
#75003C
RGB
rgb(117, 0, 60)
HSL
hsl(329, 100%, 23%)
HSB
hsb(329, 100%, 46%)
CMYK
cmyk(0%, 100%, 49%, 54%)
Oklch
oklch(36.5% 0.148 359.4)

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

#F79C1B

Ginger · Orange · Warm Sun

HEX
#F79C1B
RGB
rgb(247, 156, 27)
HSL
hsl(35, 93%, 54%)
HSB
hsb(35, 89%, 97%)
CMYK
cmyk(0%, 37%, 89%, 3%)
Oklch
oklch(76.8% 0.163 67.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C43911

Vermilion · FireBrick · Passion Red

HEX
#C43911
RGB
rgb(196, 57, 17)
HSL
hsl(13, 84%, 42%)
HSB
hsb(13, 91%, 77%)
CMYK
cmyk(0%, 71%, 91%, 23%)
Oklch
oklch(54.8% 0.182 35.2)

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

#4A1461

Royal Purple · MidnightBlue · Eggplant

HEX
#4A1461
RGB
rgb(74, 20, 97)
HSL
hsl(282, 66%, 23%)
HSB
hsb(282, 79%, 38%)
CMYK
cmyk(24%, 79%, 0%, 62%)
Oklch
oklch(32.1% 0.132 313.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

100061
516100

Analogous

002061
100061
410061

Triadic

100061
611000
006110

Split-Comp.

100061
614100
206100

Tetradic

100061
610020
516100
006141

Contrast Matrix WCAG 2.1 Contrast

100061
75003C
F79C1B
C43911
4A1461
—
1.5
Fail
8.1
AAA
3.3
AA Large
1.3
Fail
1.5
Fail
—
5.3
AA
2.2
Fail
1.2
Fail
8.1
AAA
5.3
AA
—
2.5
Fail
6.2
AA
3.3
AA Large
2.2
Fail
2.5
Fail
—
2.5
Fail
1.3
Fail
1.2
Fail
6.2
AA
2.5
Fail
—
White BG
17.6AAA
11.5AAA
2.2Fail
5.3AA
13.4AAA
Black BG
1.2Fail
1.8Fail
9.7AAA
3.9AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

09094A
42412D
D0CF3A
88871B
33324E

Deuteranopia

0A0B44
49522A
D5DC42
909A1D
363A4A

Tritanopia

0F3733
6F2220
F25358
BD2224
47403C

Achromatopsia

101010
2A2A2A
A9A9A9
5E5E5E
2D2D2D

Shades & Tints Shades & Tints

#100061

Dark
Light

#75003C

Dark
Light

#F79C1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #100061;
  --color-2: #75003c;
  --color-3: #f79c1b;
  --color-4: #c43911;
  --color-5: #4a1461;
}

SCSS

$color-1: #100061;
$color-2: #75003c;
$color-3: #f79c1b;
$color-4: #c43911;
$color-5: #4a1461;

TAILWIND

colors: {
  'brand-1': '#100061',
  'brand-2': '#75003c',
  'brand-3': '#f79c1b',
  'brand-4': '#c43911',
  'brand-5': '#4a1461',
}

RGB Array

[16, 0, 97], [117, 0, 60], [247, 156, 27], [196, 57, 17], [74, 20, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #100061, #75003C, #F79C1B, #C43911, #4A1461 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: #100061; --color-2: #75003c; --color-3: #f79c1b; --color-4: #c43911; --color-5: #4a1461. 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