#346D95 + #5C3494 + #94346C + #EF4446 + #D4A628 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#346D95

Slate Blue · SteelBlue · Prussian Blue

HEX

#346D95

RGB

rgb(52, 109, 149)

HSL

hsl(205, 48%, 39%)

HSB

hsb(205, 65%, 58%)

CMYK

cmyk(65%, 27%, 0%, 42%)

Oklch

oklch(51.4% 0.087 241.8)

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

#5C3494

Deep Indigo · DarkSlateBlue · Eggplant

HEX

#5C3494

RGB

rgb(92, 52, 148)

HSL

hsl(265, 48%, 39%)

HSB

hsb(265, 65%, 58%)

CMYK

cmyk(38%, 65%, 0%, 42%)

Oklch

oklch(42.6% 0.151 299.0)

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

#94346C

Rose Purple · Purple · Camellia

HEX

#94346C

RGB

rgb(148, 52, 108)

HSL

hsl(325, 48%, 39%)

HSB

hsb(325, 65%, 58%)

CMYK

cmyk(0%, 65%, 27%, 42%)

Oklch

oklch(48.0% 0.143 347.8)

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

#EF4446

Vermilion · Tomato · Passion Red

HEX

#EF4446

RGB

rgb(239, 68, 70)

HSL

hsl(359, 84%, 60%)

HSB

hsb(359, 72%, 94%)

CMYK

cmyk(0%, 72%, 71%, 6%)

Oklch

oklch(63.7% 0.208 24.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#D4A628

Ochre · GoldenRod · Honey Gold

HEX

#D4A628

RGB

rgb(212, 166, 40)

HSL

hsl(44, 68%, 49%)

HSB

hsb(44, 81%, 83%)

CMYK

cmyk(0%, 22%, 81%, 17%)

Oklch

oklch(74.8% 0.142 86.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

346D95

935B34

Analogous

34938B

346D95

343C93

Triadic

346D95

93346B

6B9334

Split-Comp.

346D95

93343C

938B34

Tetradic

346D95

8B3493

935B34

3C9334

Contrast Matrix WCAG 2.1 Contrast

346D95	5C3494	94346C	EF4446	D4A628
—	1.6 Fail	1.3 Fail	1.5 Fail	2.5 Fail
1.6 Fail	—	1.2 Fail	2.4 Fail	3.9 AA Large
1.3 Fail	1.2 Fail	—	1.9 Fail	3.1 AA Large
1.5 Fail	2.4 Fail	1.9 Fail	—	1.7 Fail
2.5 Fail	3.9 AA Large	3.1 AA Large	1.7 Fail	—

White BG

5.6AA

8.8AAA

7.1AAA

3.8AA Large

2.3Fail

Black BG

3.8AA Large

2.4Fail

3.0Fail

5.6AA

9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D8B

4B4A7D

6A6A5E

A5A346

C0C046

Deuteranopia

494589

4D5077

70775B

AFBC45

C3C64E

Tritanopia

378482

5A6A66

8F5451

E64545

D25F64

Achromatopsia

616161

4B4B4B

575757

777777

A5A5A5

Shades & Tints Shades & Tints

#346D95

Dark

Light

#5C3494

Dark

Light

#94346C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #346d95;
  --color-2: #5c3494;
  --color-3: #94346c;
  --color-4: #ef4446;
  --color-5: #d4a628;
}

SCSS

$color-1: #346d95;
$color-2: #5c3494;
$color-3: #94346c;
$color-4: #ef4446;
$color-5: #d4a628;

TAILWIND

colors: {
  'brand-1': '#346d95',
  'brand-2': '#5c3494',
  'brand-3': '#94346c',
  'brand-4': '#ef4446',
  'brand-5': '#d4a628',
}

RGB Array

[52, 109, 149], [92, 52, 148], [148, 52, 108], [239, 68, 70], [212, 166, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #346D95, #5C3494, #94346C, #EF4446, #D4A628 is ideal for: corporate websites, product showcases, portfolios. 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: #346d95; --color-2: #5c3494; --color-3: #94346c; --color-4: #ef4446; --color-5: #d4a628. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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