← Back to Editor

#2A2157 · #49305B · #804665 · #BA546B · #E66566

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

#2A2157

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#2A2157
RGB
rgb(42, 33, 87)
HSL
hsl(250, 45%, 24%)
HSB
hsb(250, 62%, 34%)
CMYK
cmyk(52%, 62%, 0%, 66%)
Oklch
oklch(29.1% 0.094 286.7)

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

#49305B

Dark Plum · DarkSlateGray · Eggplant

HEX
#49305B
RGB
rgb(73, 48, 91)
HSL
hsl(275, 31%, 27%)
HSB
hsb(275, 47%, 36%)
CMYK
cmyk(20%, 47%, 0%, 64%)
Oklch
oklch(35.8% 0.078 309.8)

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

#804665

Rose Purple · DimGray · Camellia

HEX
#804665
RGB
rgb(128, 70, 101)
HSL
hsl(328, 29%, 39%)
HSB
hsb(328, 45%, 50%)
CMYK
cmyk(0%, 45%, 21%, 50%)
Oklch
oklch(47.4% 0.089 347.7)

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

#BA546B

Crimson · Sienna · Passion Red

HEX
#BA546B
RGB
rgb(186, 84, 107)
HSL
hsl(346, 43%, 53%)
HSB
hsb(346, 55%, 73%)
CMYK
cmyk(0%, 55%, 42%, 27%)
Oklch
oklch(58.0% 0.133 8.1)

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

#E66566

Peach Pink · Salmon · Coral Red

HEX
#E66566
RGB
rgb(230, 101, 102)
HSL
hsl(360, 72%, 65%)
HSB
hsb(360, 56%, 90%)
CMYK
cmyk(0%, 56%, 56%, 10%)
Oklch
oklch(66.6% 0.161 22.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A2157
505922

Analogous

223459
2A2157
462259

Triadic

2A2157
592B22
22592B

Split-Comp.

2A2157
594622
345922

Tetradic

2A2157
592234
505922
225946

Contrast Matrix WCAG 2.1 Contrast

2A2157
49305B
804665
BA546B
E66566
—
1.3
Fail
2.1
Fail
3.1
AA Large
4.4
AA Large
1.3
Fail
—
1.6
Fail
2.5
Fail
3.5
AA Large
2.1
Fail
1.6
Fail
—
1.5
Fail
2.2
Fail
3.1
AA Large
2.5
Fail
1.5
Fail
—
1.4
Fail
4.4
AA Large
3.5
AA Large
2.2
Fail
1.4
Fail
—
White BG
14.4AAA
11.3AAA
7.0AAA
4.6AA
3.3AA Large
Black BG
1.5Fail
1.9Fail
3.0Fail
4.6AA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

26264A
3E3E51
67665D
8E8D65
AEAD66

Deuteranopia

272747
40424E
6A6F5C
949B64
B6BF66

Tritanopia

2A403D
484847
7D5856
B56160
E06666

Achromatopsia

2A2A2A
3C3C3C
5B5B5B
757575
8C8C8C

Shades & Tints Shades & Tints

#2A2157

Dark
Light

#49305B

Dark
Light

#804665

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a2157;
  --color-2: #49305b;
  --color-3: #804665;
  --color-4: #ba546b;
  --color-5: #e66566;
}

SCSS

$color-1: #2a2157;
$color-2: #49305b;
$color-3: #804665;
$color-4: #ba546b;
$color-5: #e66566;

TAILWIND

colors: {
  'brand-1': '#2a2157',
  'brand-2': '#49305b',
  'brand-3': '#804665',
  'brand-4': '#ba546b',
  'brand-5': '#e66566',
}

RGB Array

[42, 33, 87], [73, 48, 91], [128, 70, 101], [186, 84, 107], [230, 101, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A2157, #49305B, #804665, #BA546B, #E66566 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: #2a2157; --color-2: #49305b; --color-3: #804665; --color-4: #ba546b; --color-5: #e66566. 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