← Back to Editor

#2E2C32 · #43418A · #62608E · #6891A6 · #AA5E93

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 Library

Color Details Color Details

#2E2C32

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2E2C32
RGB
rgb(46, 44, 50)
HSL
hsl(260, 6%, 18%)
HSB
hsb(260, 12%, 20%)
CMYK
cmyk(8%, 12%, 0%, 80%)
Oklch
oklch(29.8% 0.011 300.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#43418A

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#43418A
RGB
rgb(67, 65, 138)
HSL
hsl(242, 36%, 40%)
HSB
hsb(242, 53%, 54%)
CMYK
cmyk(51%, 53%, 0%, 46%)
Oklch
oklch(41.7% 0.118 281.2)

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

#62608E

Deep Indigo · SlateGray · Navy Blue

HEX
#62608E
RGB
rgb(98, 96, 142)
HSL
hsl(243, 19%, 47%)
HSB
hsb(243, 32%, 56%)
CMYK
cmyk(31%, 32%, 0%, 44%)
Oklch
oklch(51.0% 0.072 285.5)

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

#6891A6

Slate Blue · CadetBlue · Navy Blue

HEX
#6891A6
RGB
rgb(104, 145, 166)
HSL
hsl(200, 26%, 53%)
HSB
hsb(200, 37%, 65%)
CMYK
cmyk(37%, 13%, 0%, 35%)
Oklch
oklch(63.4% 0.055 231.0)

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

#AA5E93

Rose Purple · Gray · Violet

HEX
#AA5E93
RGB
rgb(170, 94, 147)
HSL
hsl(318, 31%, 52%)
HSB
hsb(318, 45%, 67%)
CMYK
cmyk(0%, 45%, 14%, 33%)
Oklch
oklch(58.7% 0.119 339.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2C32
2F312B

Analogous

2B2C31
2E2C32
302B31

Triadic

2E2C32
312D2B
2B312D

Split-Comp.

2E2C32
31302B
2C312B

Tetradic

2E2C32
312B2C
2F312B
2B3130

Contrast Matrix WCAG 2.1 Contrast

2E2C32
43418A
62608E
6891A6
AA5E93
—
1.6
Fail
2.4
Fail
4.1
AA Large
3.1
AA Large
1.6
Fail
—
1.5
Fail
2.6
Fail
2.0
Fail
2.4
Fail
1.5
Fail
—
1.7
Fail
1.3
Fail
4.1
AA Large
2.6
Fail
1.7
Fail
—
1.3
Fail
3.1
AA Large
2.0
Fail
1.3
Fail
1.3
Fail
—
White BG
13.8AAA
8.9AAA
5.9AA
3.4AA Large
4.4AA Large
Black BG
1.5Fail
2.4Fail
3.6AA Large
6.2AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D31
424278
616183
7A7AA1
898886

Deuteranopia

2D2D30
424274
616180
7774A0
8E9383

Tritanopia

2E2F2F
436A67
627A78
6A9D9C
A67C7A

Achromatopsia

2D2D2D
4A4A4A
666666
878787
7B7B7B

Shades & Tints Shades & Tints

#2E2C32

Dark
Light

#43418A

Dark
Light

#62608E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2c32;
  --color-2: #43418a;
  --color-3: #62608e;
  --color-4: #6891a6;
  --color-5: #aa5e93;
}

SCSS

$color-1: #2e2c32;
$color-2: #43418a;
$color-3: #62608e;
$color-4: #6891a6;
$color-5: #aa5e93;

TAILWIND

colors: {
  'brand-1': '#2e2c32',
  'brand-2': '#43418a',
  'brand-3': '#62608e',
  'brand-4': '#6891a6',
  'brand-5': '#aa5e93',
}

RGB Array

[46, 44, 50], [67, 65, 138], [98, 96, 142], [104, 145, 166], [170, 94, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2C32, #43418A, #62608E, #6891A6, #AA5E93 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2e2c32; --color-2: #43418a; --color-3: #62608e; --color-4: #6891a6; --color-5: #aa5e93. 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. Restrained colors convey professionalism and trust. 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