← Back to Editor

#341B42 · #9C2F42 · #E9885D · #F4DA8F · #5C866E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#341B42

Dark Plum · MidnightBlue · Dark Purple

HEX
#341B42
RGB
rgb(52, 27, 66)
HSL
hsl(278, 42%, 18%)
HSB
hsb(278, 59%, 26%)
CMYK
cmyk(21%, 59%, 0%, 74%)
Oklch
oklch(27.6% 0.075 312.0)

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

#9C2F42

Crimson · Brown · Wine Red

HEX
#9C2F42
RGB
rgb(156, 47, 66)
HSL
hsl(350, 54%, 40%)
HSB
hsb(350, 70%, 61%)
CMYK
cmyk(0%, 70%, 58%, 39%)
Oklch
oklch(47.4% 0.144 14.5)

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

#E9885D

Apricot · Coral · Warm Sun

HEX
#E9885D
RGB
rgb(233, 136, 93)
HSL
hsl(18, 76%, 64%)
HSB
hsb(18, 60%, 91%)
CMYK
cmyk(0%, 42%, 60%, 9%)
Oklch
oklch(72.2% 0.132 44.1)

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

#F4DA8F

Goose Yellow · Khaki · Lemon Cream

HEX
#F4DA8F
RGB
rgb(244, 218, 143)
HSL
hsl(45, 82%, 76%)
HSB
hsb(45, 41%, 96%)
CMYK
cmyk(0%, 11%, 41%, 4%)
Oklch
oklch(89.3% 0.098 91.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#5C866E

Celadon · DimGray · Olive Green

HEX
#5C866E
RGB
rgb(92, 134, 110)
HSL
hsl(146, 19%, 44%)
HSB
hsb(146, 31%, 53%)
CMYK
cmyk(31%, 0%, 18%, 47%)
Oklch
oklch(58.2% 0.060 158.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

341B42
29411B

Analogous

201B41
341B42
411B3C

Triadic

341B42
41331B
1B4133

Split-Comp.

341B42
3C411B
1B4120

Tetradic

341B42
41201B
29411B
1B3C41

Contrast Matrix WCAG 2.1 Contrast

341B42
9C2F42
E9885D
F4DA8F
5C866E
—
2.1
Fail
5.9
AA
11.1
AAA
3.7
AA Large
2.1
Fail
—
2.8
Fail
5.3
AA
1.8
Fail
5.9
AA
2.8
Fail
—
1.9
Fail
1.6
Fail
11.1
AAA
5.3
AA
1.9
Fail
—
3.0
AA Large
3.7
AA Large
1.8
Fail
1.6
Fail
3.0
AA Large
—
White BG
15.2AAA
7.2AAA
2.6Fail
1.4Fail
4.1AA Large
Black BG
1.4Fail
2.9Fail
8.1AAA
15.3AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292939
6D6C3D
BFBE67
E9E9A1
6E6F74

Deuteranopia

2B2D36
737B3C
C5CC6A
EAECA6
6C6975

Tritanopia

33312F
973A39
E47071
F3AFB3
5E7879

Achromatopsia

272727
525252
A0A0A0
D9D9D9
777777

Shades & Tints Shades & Tints

#341B42

Dark
Light

#9C2F42

Dark
Light

#E9885D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #341b42;
  --color-2: #9c2f42;
  --color-3: #e9885d;
  --color-4: #f4da8f;
  --color-5: #5c866e;
}

SCSS

$color-1: #341b42;
$color-2: #9c2f42;
$color-3: #e9885d;
$color-4: #f4da8f;
$color-5: #5c866e;

TAILWIND

colors: {
  'brand-1': '#341b42',
  'brand-2': '#9c2f42',
  'brand-3': '#e9885d',
  'brand-4': '#f4da8f',
  'brand-5': '#5c866e',
}

RGB Array

[52, 27, 66], [156, 47, 66], [233, 136, 93], [244, 218, 143], [92, 134, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #341B42, #9C2F42, #E9885D, #F4DA8F, #5C866E 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: #341b42; --color-2: #9c2f42; --color-3: #e9885d; --color-4: #f4da8f; --color-5: #5c866e. 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