← Back to Editor

#324865 · #473546 · #832F45 · #BD254C · #ECB992

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

#324865

Indigo · DarkSlateGray · Prussian Blue

HEX
#324865
RGB
rgb(50, 72, 101)
HSL
hsl(214, 34%, 30%)
HSB
hsb(214, 50%, 40%)
CMYK
cmyk(50%, 29%, 0%, 60%)
Oklch
oklch(39.7% 0.057 255.6)

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

#473546

Rose Purple · DarkSlateGray · Eggplant

HEX
#473546
RGB
rgb(71, 53, 70)
HSL
hsl(303, 15%, 24%)
HSB
hsb(303, 25%, 28%)
CMYK
cmyk(0%, 25%, 1%, 72%)
Oklch
oklch(35.6% 0.038 328.2)

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

#832F45

Dark Violet · Brown · Camellia

HEX
#832F45
RGB
rgb(131, 47, 69)
HSL
hsl(344, 47%, 35%)
HSB
hsb(344, 64%, 51%)
CMYK
cmyk(0%, 64%, 47%, 49%)
Oklch
oklch(43.3% 0.117 7.3)

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

#BD254C

Vermilion · Crimson · Passion Red

HEX
#BD254C
RGB
rgb(189, 37, 76)
HSL
hsl(345, 67%, 44%)
HSB
hsb(345, 80%, 74%)
CMYK
cmyk(0%, 80%, 60%, 26%)
Oklch
oklch(52.6% 0.186 12.6)

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

#ECB992

Apricot · BurlyWood · Warm Sun

HEX
#ECB992
RGB
rgb(236, 185, 146)
HSL
hsl(26, 70%, 75%)
HSB
hsb(26, 38%, 93%)
CMYK
cmyk(0%, 22%, 38%, 7%)
Oklch
oklch(82.2% 0.079 58.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

324865
675032

Analogous

326367
324865
363267

Triadic

324865
673249
496732

Split-Comp.

324865
673632
636732

Tetradic

324865
673263
675032
326736

Contrast Matrix WCAG 2.1 Contrast

324865
473546
832F45
BD254C
ECB992
—
1.2
Fail
1.1
Fail
1.6
Fail
5.3
AA
1.2
Fail
—
1.3
Fail
1.9
Fail
6.4
AA
1.1
Fail
1.3
Fail
—
1.4
Fail
4.9
AA
1.6
Fail
1.9
Fail
1.4
Fail
—
3.4
AA Large
5.3
AA
6.4
AA
4.9
AA
3.4
AA Large
—
White BG
9.3AAA
11.3AAA
8.5AAA
5.9AA
1.8Fail
Black BG
2.3Fail
1.9Fail
2.5Fail
3.5AA Large
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C5E
3F3F42
5F5E40
7B7A43
D6D59B

Deuteranopia

3A395C
404241
646A3E
848F40
D9DD9E

Tritanopia

335857
463F3E
7F3B3B
B53B39
E9A3A5

Achromatopsia

454545
3C3C3C
4B4B4B
575757
C4C4C4

Shades & Tints Shades & Tints

#324865

Dark
Light

#473546

Dark
Light

#832F45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #324865;
  --color-2: #473546;
  --color-3: #832f45;
  --color-4: #bd254c;
  --color-5: #ecb992;
}

SCSS

$color-1: #324865;
$color-2: #473546;
$color-3: #832f45;
$color-4: #bd254c;
$color-5: #ecb992;

TAILWIND

colors: {
  'brand-1': '#324865',
  'brand-2': '#473546',
  'brand-3': '#832f45',
  'brand-4': '#bd254c',
  'brand-5': '#ecb992',
}

RGB Array

[50, 72, 101], [71, 53, 70], [131, 47, 69], [189, 37, 76], [236, 185, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #324865, #473546, #832F45, #BD254C, #ECB992 is ideal for: 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: #324865; --color-2: #473546; --color-3: #832f45; --color-4: #bd254c; --color-5: #ecb992. 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. 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