← Back to Editor

#1D0E37 · #6F1365 · #8C3BA2 · #477984 · #D4B389

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1D0E37

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1D0E37
RGB
rgb(29, 14, 55)
HSL
hsl(262, 59%, 14%)
HSB
hsb(262, 75%, 22%)
CMYK
cmyk(47%, 75%, 0%, 78%)
Oklch
oklch(21.2% 0.076 296.1)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#6F1365

Rose Purple · Purple · Eggplant

HEX
#6F1365
RGB
rgb(111, 19, 101)
HSL
hsl(307, 71%, 25%)
HSB
hsb(307, 83%, 44%)
CMYK
cmyk(0%, 83%, 9%, 56%)
Oklch
oklch(38.4% 0.154 333.2)

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

#8C3BA2

Dark Plum · DarkOrchid · Violet

HEX
#8C3BA2
RGB
rgb(140, 59, 162)
HSL
hsl(287, 47%, 43%)
HSB
hsb(287, 64%, 64%)
CMYK
cmyk(14%, 64%, 0%, 36%)
Oklch
oklch(50.5% 0.172 318.4)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#477984

Slate Blue · SlateGray · Mint Ice

HEX
#477984
RGB
rgb(71, 121, 132)
HSL
hsl(191, 30%, 40%)
HSB
hsb(191, 46%, 52%)
CMYK
cmyk(46%, 8%, 0%, 48%)
Oklch
oklch(54.5% 0.056 213.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D4B389

Ginger · Tan · Warm Sun

HEX
#D4B389
RGB
rgb(212, 179, 137)
HSL
hsl(34, 47%, 68%)
HSB
hsb(34, 35%, 83%)
CMYK
cmyk(0%, 16%, 35%, 17%)
Oklch
oklch(78.5% 0.068 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D0E37
29390F

Analogous

0F1439
1D0E37
330F39

Triadic

1D0E37
391E0F
0F391E

Split-Comp.

1D0E37
39330F
14390F

Tetradic

1D0E37
390F14
29390F
0F3933

Contrast Matrix WCAG 2.1 Contrast

1D0E37
6F1365
8C3BA2
477984
D4B389
—
1.7
Fail
2.8
Fail
3.7
AA Large
9.1
AAA
1.7
Fail
—
1.7
Fail
2.2
Fail
5.4
AA
2.8
Fail
1.7
Fail
—
1.3
Fail
3.3
AA Large
3.7
AA Large
2.2
Fail
1.3
Fail
—
2.4
Fail
9.1
AAA
5.4
AA
3.3
AA Large
2.4
Fail
—
White BG
17.9AAA
10.7AAA
6.4AA
4.8AA
2.0Fail
Black BG
1.2Fail
2.0Fail
3.3AA Large
4.3AA Large
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

17162D
474651
696889
5D5D81
C6C593

Deuteranopia

17182B
4D534C
6E7483
5A5681
C8CA96

Tritanopia

1C2524
6A413E
887571
4A7F7F
D29B9D

Achromatopsia

171717
383838
5F5F5F
6B6B6B
B8B8B8

Shades & Tints Shades & Tints

#1D0E37

Dark
Light

#6F1365

Dark
Light

#8C3BA2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d0e37;
  --color-2: #6f1365;
  --color-3: #8c3ba2;
  --color-4: #477984;
  --color-5: #d4b389;
}

SCSS

$color-1: #1d0e37;
$color-2: #6f1365;
$color-3: #8c3ba2;
$color-4: #477984;
$color-5: #d4b389;

TAILWIND

colors: {
  'brand-1': '#1d0e37',
  'brand-2': '#6f1365',
  'brand-3': '#8c3ba2',
  'brand-4': '#477984',
  'brand-5': '#d4b389',
}

RGB Array

[29, 14, 55], [111, 19, 101], [140, 59, 162], [71, 121, 132], [212, 179, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D0E37, #6F1365, #8C3BA2, #477984, #D4B389 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1d0e37; --color-2: #6f1365; --color-3: #8c3ba2; --color-4: #477984; --color-5: #d4b389. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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