← Back to Editor

#34093F · #50154B · #735169 · #7E75A2 · #A8A9BE

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

#34093F

Royal Purple · MidnightBlue · Dark Purple

HEX
#34093F
RGB
rgb(52, 9, 63)
HSL
hsl(288, 75%, 14%)
HSB
hsb(288, 86%, 25%)
CMYK
cmyk(17%, 86%, 0%, 75%)
Oklch
oklch(24.7% 0.101 318.4)

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

#50154B

Rose Purple · MidnightBlue · Dark Purple

HEX
#50154B
RGB
rgb(80, 21, 75)
HSL
hsl(305, 58%, 20%)
HSB
hsb(305, 74%, 31%)
CMYK
cmyk(0%, 74%, 6%, 69%)
Oklch
oklch(31.7% 0.112 331.5)

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

#735169

Rose Purple · DimGray · Eggplant

HEX
#735169
RGB
rgb(115, 81, 105)
HSL
hsl(318, 17%, 38%)
HSB
hsb(318, 30%, 45%)
CMYK
cmyk(0%, 30%, 9%, 55%)
Oklch
oklch(48.0% 0.057 337.7)

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

#7E75A2

Deep Indigo · LightSlateGray · Navy Blue

HEX
#7E75A2
RGB
rgb(126, 117, 162)
HSL
hsl(252, 19%, 55%)
HSB
hsb(252, 28%, 64%)
CMYK
cmyk(22%, 28%, 0%, 36%)
Oklch
oklch(58.8% 0.069 293.3)

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

#A8A9BE

Azure · DarkGray · Cobalt Blue

HEX
#A8A9BE
RGB
rgb(168, 169, 190)
HSL
hsl(237, 14%, 70%)
HSB
hsb(237, 12%, 75%)
CMYK
cmyk(12%, 11%, 0%, 25%)
Oklch
oklch(74.1% 0.030 283.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34093F
143E09

Analogous

19093E
34093F
3E092E

Triadic

34093F
3E3409
093E34

Split-Comp.

34093F
2E3E09
093E19

Tetradic

34093F
3E1909
143E09
092E3E

Contrast Matrix WCAG 2.1 Contrast

34093F
50154B
735169
7E75A2
A8A9BE
—
1.2
Fail
2.5
Fail
3.9
AA Large
7.2
AAA
1.2
Fail
—
2.0
Fail
3.2
AA Large
5.9
AA
2.5
Fail
2.0
Fail
—
1.6
Fail
2.9
Fail
3.9
AA Large
3.2
AA Large
1.6
Fail
—
1.8
Fail
7.2
AAA
5.9
AA
2.9
Fail
1.8
Fail
—
White BG
16.7AAA
13.5AAA
6.8AA
4.2AA Large
2.3Fail
Black BG
1.3Fail
1.5Fail
3.1AA Large
5.0AA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

212132
36363E
646463
7A7A97
A8A8B9

Deuteranopia

24272F
3A3E3B
666962
7B7B95
A8A8B8

Tritanopia

322825
4D3431
715F5E
7E8F8D
A8B5B4

Achromatopsia

1C1C1C
2D2D2D
5E5E5E
7D7D7D
ABABAB

Shades & Tints Shades & Tints

#34093F

Dark
Light

#50154B

Dark
Light

#735169

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34093f;
  --color-2: #50154b;
  --color-3: #735169;
  --color-4: #7e75a2;
  --color-5: #a8a9be;
}

SCSS

$color-1: #34093f;
$color-2: #50154b;
$color-3: #735169;
$color-4: #7e75a2;
$color-5: #a8a9be;

TAILWIND

colors: {
  'brand-1': '#34093f',
  'brand-2': '#50154b',
  'brand-3': '#735169',
  'brand-4': '#7e75a2',
  'brand-5': '#a8a9be',
}

RGB Array

[52, 9, 63], [80, 21, 75], [115, 81, 105], [126, 117, 162], [168, 169, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #34093F, #50154B, #735169, #7E75A2, #A8A9BE 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: #34093f; --color-2: #50154b; --color-3: #735169; --color-4: #7e75a2; --color-5: #a8a9be. 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