← Back to Editor

#3F1AC1 · #48039C · #130300 · #32487D · #615127

dark

A 5-color dark 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

#3F1AC1

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#3F1AC1
RGB
rgb(63, 26, 193)
HSL
hsl(253, 76%, 43%)
HSB
hsb(253, 87%, 76%)
CMYK
cmyk(67%, 87%, 0%, 24%)
Oklch
oklch(41.1% 0.230 279.3)

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

#48039C

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#48039C
RGB
rgb(72, 3, 156)
HSL
hsl(267, 96%, 31%)
HSB
hsb(267, 98%, 61%)
CMYK
cmyk(54%, 98%, 0%, 39%)
Oklch
oklch(36.5% 0.202 291.8)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#130300

Vermilion · Black · Deep Berry

HEX
#130300
RGB
rgb(19, 3, 0)
HSL
hsl(9, 100%, 4%)
HSB
hsb(9, 100%, 7%)
CMYK
cmyk(0%, 84%, 100%, 93%)
Oklch
oklch(13.1% 0.038 44.3)

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

#32487D

Indigo · DarkSlateBlue · Prussian Blue

HEX
#32487D
RGB
rgb(50, 72, 125)
HSL
hsl(222, 43%, 34%)
HSB
hsb(222, 60%, 49%)
CMYK
cmyk(60%, 42%, 0%, 51%)
Oklch
oklch(41.1% 0.093 265.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#615127

Ochre · DarkOliveGreen · Honey Gold

HEX
#615127
RGB
rgb(97, 81, 39)
HSL
hsl(43, 43%, 27%)
HSB
hsb(43, 60%, 38%)
CMYK
cmyk(0%, 16%, 60%, 62%)
Oklch
oklch(44.1% 0.063 88.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3F1AC1
9DC11A

Analogous

1A4AC1
3F1AC1
921AC1

Triadic

3F1AC1
C13E1A
1AC13E

Split-Comp.

3F1AC1
C1921A
4AC11A

Tetradic

3F1AC1
C11A4A
9DC11A
1AC192

Contrast Matrix WCAG 2.1 Contrast

3F1AC1
48039C
130300
32487D
615127
—
1.2
Fail
2.0
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.7
Fail
1.3
Fail
1.5
Fail
2.0
Fail
1.7
Fail
—
2.3
Fail
2.6
Fail
1.1
Fail
1.3
Fail
2.3
Fail
—
1.2
Fail
1.3
Fail
1.5
Fail
2.6
Fail
1.2
Fail
—
White BG
9.9AAA
11.9AAA
20.2AAA
8.9AAA
7.7AAA
Black BG
2.1Fail
1.8Fail
1.0Fail
2.4Fail
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F99
2A2A77
0C0C01
3C3C70
5A5A31

Deuteranopia

31348F
2E336E
0D0E01
3A396D
5B5C34

Tritanopia

3D7972
455A53
120101
336664
60393B

Achromatopsia

383838
292929
070707
474747
515151

Shades & Tints Shades & Tints

#3F1AC1

Dark
Light

#48039C

Dark
Light

#130300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3f1ac1;
  --color-2: #48039c;
  --color-3: #130300;
  --color-4: #32487d;
  --color-5: #615127;
}

SCSS

$color-1: #3f1ac1;
$color-2: #48039c;
$color-3: #130300;
$color-4: #32487d;
$color-5: #615127;

TAILWIND

colors: {
  'brand-1': '#3f1ac1',
  'brand-2': '#48039c',
  'brand-3': '#130300',
  'brand-4': '#32487d',
  'brand-5': '#615127',
}

RGB Array

[63, 26, 193], [72, 3, 156], [19, 3, 0], [50, 72, 125], [97, 81, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #3F1AC1, #48039C, #130300, #32487D, #615127 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: #3f1ac1; --color-2: #48039c; --color-3: #130300; --color-4: #32487d; --color-5: #615127. 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 dark-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