← Back to Editor

#343052 · #463F60 · #B37488 · #96486B · #5E3166

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#343052

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#343052
RGB
rgb(52, 48, 82)
HSL
hsl(247, 26%, 25%)
HSB
hsb(247, 41%, 32%)
CMYK
cmyk(37%, 41%, 0%, 68%)
Oklch
oklch(33.0% 0.059 288.1)

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

#463F60

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#463F60
RGB
rgb(70, 63, 96)
HSL
hsl(253, 21%, 31%)
HSB
hsb(253, 34%, 38%)
CMYK
cmyk(27%, 34%, 0%, 62%)
Oklch
oklch(38.9% 0.056 293.4)

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

#B37488

Dark Violet · Gray · Rose Pink

HEX
#B37488
RGB
rgb(179, 116, 136)
HSL
hsl(341, 29%, 58%)
HSB
hsb(341, 35%, 70%)
CMYK
cmyk(0%, 35%, 24%, 30%)
Oklch
oklch(63.1% 0.083 359.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#96486B

Dark Violet · DimGray · Camellia

HEX
#96486B
RGB
rgb(150, 72, 107)
HSL
hsl(333, 35%, 44%)
HSB
hsb(333, 52%, 59%)
CMYK
cmyk(0%, 52%, 29%, 41%)
Oklch
oklch(51.0% 0.112 353.6)

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

#5E3166

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5E3166
RGB
rgb(94, 49, 102)
HSL
hsl(291, 35%, 30%)
HSB
hsb(291, 52%, 40%)
CMYK
cmyk(8%, 52%, 0%, 60%)
Oklch
oklch(39.3% 0.101 321.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

343052
4C502F

Analogous

2F3C50
343052
442F50

Triadic

343052
50332F
2F5033

Split-Comp.

343052
50442F
3C502F

Tetradic

343052
502F3C
4C502F
2F5044

Contrast Matrix WCAG 2.1 Contrast

343052
463F60
B37488
96486B
5E3166
—
1.3
Fail
3.4
AA Large
2.0
Fail
1.2
Fail
1.3
Fail
—
2.7
Fail
1.6
Fail
1.0
Fail
3.4
AA Large
2.7
Fail
—
1.7
Fail
2.7
Fail
2.0
Fail
1.6
Fail
1.7
Fail
—
1.6
Fail
1.2
Fail
1.0
Fail
2.7
Fail
1.6
Fail
—
White BG
12.4AAA
9.8AAA
3.6AA Large
6.1AA
10.0AAA
Black BG
1.7Fail
2.1Fail
5.8AA
3.4AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

32324A
434358
989783
747463
4B4A59

Deuteranopia

333348
434456
9BA082
797F60
4D5156

Tritanopia

344342
465250
B07F7F
925C5A
5C4F4D

Achromatopsia

353535
454545
898989
636363
444444

Shades & Tints Shades & Tints

#343052

Dark
Light

#463F60

Dark
Light

#B37488

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #343052;
  --color-2: #463f60;
  --color-3: #b37488;
  --color-4: #96486b;
  --color-5: #5e3166;
}

SCSS

$color-1: #343052;
$color-2: #463f60;
$color-3: #b37488;
$color-4: #96486b;
$color-5: #5e3166;

TAILWIND

colors: {
  'brand-1': '#343052',
  'brand-2': '#463f60',
  'brand-3': '#b37488',
  'brand-4': '#96486b',
  'brand-5': '#5e3166',
}

RGB Array

[52, 48, 82], [70, 63, 96], [179, 116, 136], [150, 72, 107], [94, 49, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #343052, #463F60, #B37488, #96486B, #5E3166 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #343052; --color-2: #463f60; --color-3: #b37488; --color-4: #96486b; --color-5: #5e3166. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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