← Back to Editor

#6D3C9E · #09854D · #1D0C2D · #01070B · #799CB3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#6D3C9E

Dark Plum · DarkSlateBlue · Violet

HEX
#6D3C9E
RGB
rgb(109, 60, 158)
HSL
hsl(270, 45%, 43%)
HSB
hsb(270, 62%, 62%)
CMYK
cmyk(31%, 62%, 0%, 38%)
Oklch
oklch(46.5% 0.155 304.0)

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

#09854D

Mineral Blue · SeaGreen · Forest Green

HEX
#09854D
RGB
rgb(9, 133, 77)
HSL
hsl(153, 87%, 28%)
HSB
hsb(153, 93%, 52%)
CMYK
cmyk(93%, 0%, 42%, 48%)
Oklch
oklch(54.3% 0.131 155.5)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#1D0C2D

Royal Purple · Black · Dark Purple

HEX
#1D0C2D
RGB
rgb(29, 12, 45)
HSL
hsl(271, 58%, 11%)
HSB
hsb(271, 73%, 18%)
CMYK
cmyk(36%, 73%, 0%, 82%)
Oklch
oklch(20.0% 0.065 305.0)

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

#01070B

Lake Blue · Black · Deep Sea Blue

HEX
#01070B
RGB
rgb(1, 7, 11)
HSL
hsl(204, 83%, 2%)
HSB
hsb(204, 91%, 4%)
CMYK
cmyk(91%, 36%, 0%, 96%)
Oklch
oklch(12.1% 0.019 226.5)

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

#799CB3

Slate Blue · CadetBlue · Navy Blue

HEX
#799CB3
RGB
rgb(121, 156, 179)
HSL
hsl(204, 28%, 59%)
HSB
hsb(204, 32%, 70%)
CMYK
cmyk(32%, 13%, 0%, 30%)
Oklch
oklch(67.5% 0.052 237.3)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D3C9E
6E9F3C

Analogous

3C3C9F
6D3C9E
9F3C9F

Triadic

6D3C9E
9F6E3C
3C9F6E

Split-Comp.

6D3C9E
9F9F3C
3C9F3C

Tetradic

6D3C9E
9F3C3C
6E9F3C
3C9F9F

Contrast Matrix WCAG 2.1 Contrast

6D3C9E
09854D
1D0C2D
01070B
799CB3
—
1.6
Fail
2.4
Fail
2.7
Fail
2.6
Fail
1.6
Fail
—
3.9
AA Large
4.3
AA Large
1.6
Fail
2.4
Fail
3.9
AA Large
—
1.1
Fail
6.3
AA
2.7
Fail
4.3
AA Large
1.1
Fail
—
7.0
AA
2.6
Fail
1.6
Fail
6.3
AA
7.0
AA
—
White BG
7.5AAA
4.7AA
18.4AAA
20.3AAA
2.9Fail
Black BG
2.8Fail
4.5AA Large
1.1Fail
1.0Fail
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585786
3F405B
161525
04040A
8888AD

Deuteranopia

5B5E81
382E5E
171823
03030A
8684AC

Tritanopia

6B746F
0F6568
1C1F1D
010909
7BA9A8

Achromatopsia

565656
5A5A5A
151515
060606
949494

Shades & Tints Shades & Tints

#6D3C9E

Dark
Light

#09854D

Dark
Light

#1D0C2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d3c9e;
  --color-2: #09854d;
  --color-3: #1d0c2d;
  --color-4: #01070b;
  --color-5: #799cb3;
}

SCSS

$color-1: #6d3c9e;
$color-2: #09854d;
$color-3: #1d0c2d;
$color-4: #01070b;
$color-5: #799cb3;

TAILWIND

colors: {
  'brand-1': '#6d3c9e',
  'brand-2': '#09854d',
  'brand-3': '#1d0c2d',
  'brand-4': '#01070b',
  'brand-5': '#799cb3',
}

RGB Array

[109, 60, 158], [9, 133, 77], [29, 12, 45], [1, 7, 11], [121, 156, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D3C9E, #09854D, #1D0C2D, #01070B, #799CB3 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #6d3c9e; --color-2: #09854d; --color-3: #1d0c2d; --color-4: #01070b; --color-5: #799cb3. 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 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