← Back to Editor

#291B3F · #541D47 · #BD4960 · #C1806E · #D2B27F

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

#291B3F

Deep Indigo · MidnightBlue · Dark Purple

HEX
#291B3F
RGB
rgb(41, 27, 63)
HSL
hsl(263, 40%, 18%)
HSB
hsb(263, 57%, 25%)
CMYK
cmyk(35%, 57%, 0%, 75%)
Oklch
oklch(25.9% 0.067 299.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#541D47

Rose Purple · DarkSlateGray · Eggplant

HEX
#541D47
RGB
rgb(84, 29, 71)
HSL
hsl(314, 49%, 22%)
HSB
hsb(314, 65%, 33%)
CMYK
cmyk(0%, 65%, 15%, 67%)
Oklch
oklch(33.1% 0.099 337.9)

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

#BD4960

Crimson · Sienna · Passion Red

HEX
#BD4960
RGB
rgb(189, 73, 96)
HSL
hsl(348, 47%, 51%)
HSB
hsb(348, 61%, 74%)
CMYK
cmyk(0%, 61%, 49%, 26%)
Oklch
oklch(56.7% 0.150 11.2)

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

#C1806E

Crimson · DarkSalmon · Passion Red

HEX
#C1806E
RGB
rgb(193, 128, 110)
HSL
hsl(13, 40%, 59%)
HSB
hsb(13, 43%, 76%)
CMYK
cmyk(0%, 34%, 43%, 24%)
Oklch
oklch(66.2% 0.086 36.2)

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

#D2B27F

Ginger · Tan · Warm Sun

HEX
#D2B27F
RGB
rgb(210, 178, 127)
HSL
hsl(37, 48%, 66%)
HSB
hsb(37, 40%, 82%)
CMYK
cmyk(0%, 15%, 40%, 18%)
Oklch
oklch(78.0% 0.077 78.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

291B3F
32401C

Analogous

1C2040
291B3F
3C1C40

Triadic

291B3F
402A1C
1C402A

Split-Comp.

291B3F
403C1C
20401C

Tetradic

291B3F
401C20
32401C
1C403C

Contrast Matrix WCAG 2.1 Contrast

291B3F
541D47
BD4960
C1806E
D2B27F
—
1.2
Fail
3.2
AA Large
5.0
AA
7.9
AAA
1.2
Fail
—
2.6
Fail
4.0
AA Large
6.3
AA
3.2
AA Large
2.6
Fail
—
1.5
Fail
2.4
Fail
5.0
AA
4.0
AA Large
1.5
Fail
—
1.6
Fail
7.9
AAA
6.3
AA
2.4
Fail
1.6
Fail
—
White BG
15.9AAA
12.8AAA
4.9AA
3.2AA Large
2.0Fail
Black BG
1.3Fail
1.6Fail
4.3AA Large
6.6AA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232336
3C3C3D
8B8A5A
A5A472
C4C48B

Deuteranopia

242534
3F443A
929A59
A9AE73
C6C88E

Tritanopia

282F2E
513533
B75655
BE7677
D09597

Achromatopsia

232323
323232
6E6E6E
919191
B6B6B6

Shades & Tints Shades & Tints

#291B3F

Dark
Light

#541D47

Dark
Light

#BD4960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #291b3f;
  --color-2: #541d47;
  --color-3: #bd4960;
  --color-4: #c1806e;
  --color-5: #d2b27f;
}

SCSS

$color-1: #291b3f;
$color-2: #541d47;
$color-3: #bd4960;
$color-4: #c1806e;
$color-5: #d2b27f;

TAILWIND

colors: {
  'brand-1': '#291b3f',
  'brand-2': '#541d47',
  'brand-3': '#bd4960',
  'brand-4': '#c1806e',
  'brand-5': '#d2b27f',
}

RGB Array

[41, 27, 63], [84, 29, 71], [189, 73, 96], [193, 128, 110], [210, 178, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #291B3F, #541D47, #BD4960, #C1806E, #D2B27F 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: #291b3f; --color-2: #541d47; --color-3: #bd4960; --color-4: #c1806e; --color-5: #d2b27f. 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